Riflesso Portfolio & Agency Template


22+ page agency & portfolio template built with AstroJS and Tailwind CSS

Get now
Riflesso Portfolio & Agency Template Image 1
Details About Riflesso Portfolio & Agency Template
Key points:
  • Responsive Design
  • Tailwind CSS v3.0+
  • Documentation
  • JavaScript Plugin
  • Custom .config
  • MDX Support


22 pages and 50+ components of AstroJS landing page template built on top of Tailwind CSS to create multipage modern landing pages and websites.


Riflesso UI Kit offers the following features:

  1. 22+ pages with Astro.js and Alpine.js included
  2. 50+ HTML sections and 100+ components
  3. Blog UI components with MDX Support
  4. Out of the box pre-built AstroJS and Tailwind CSS integrations such as tailwindcss/forms and astro/sitemap
  5. Powerful documentation
  6. Easy install via npm
  7. Custom color palette

Included Pages

Riflesso UI Kit includes everything from a case study, and magazine pages to more complex page UI designs like portfolio listings and help centers and landing page designs.


  1. Home
  2. Company


  1. Magazine One
  2. LandMagazineing two
  3. 6 x Blog posts
  4. Tags index
  5. Tag category
  6. RSS


  1. Work home
  2. Case study

Utility pages

  1. Terms
  2. Privacy
  3. Faq
  4. 404


  1. Overview
  2. Style Guide

Pros and Cons

Pros ✅

  1. If you want to build your custom agency & portfolio website, you do not have many options available, and this is one of the best options to start from.
  2. Astro.js is an excellent choice if you are building complex multi-page websites and can still use HTML components.
  3. The file structure is mentioned.
  4. It's a big plus compared to other templates because most don't mention file structure details. If you are considering buying Riflesso UI Kit template, you can see the file structure before purchasing.
  5. Pre-built landing page UI components
  6. Pre-built blog UI components with RSS support
  7. Out-of-the-box Markdown (MDX) integration for blog posts.
  8. AstroJS and AlpineJS integration

Cons ⛔️

  1. Single theme purchase comes with email support only. You have to buy bundle access to access Discord Support.
  2. The individual product purchase appears relatively costly compared to getting access to the bundled Lexington Library, which includes 16+ templates, for just twice the price.

File Structure

  1. public
  2. src
  3. components
  4. layouts
  5. pages
  6. content
  7. posts
  8. config.ts
  9. data
  10. scripts
  11. styles
  12. endv.d.ts
  13. astro.config.mjs
  14. custom-theme.json
  15. package-lock.json
  16. package.json
  17. README.md
  18. tailwind.config.js
  19. ts.config.json

Who is Riflesso UI Kit for?

Riflesso UI Kit is an excellent value proposition, particularly for those engaged in developing multi-page landing pages that necessitate numerous integrations and a built-in blog feature. Moreover, Astro.js presents a commendable alternative for freelancers and developers seeking a robust solution.

What do people say?

Amazing resource using @astrodotbuild and @tailwindcss! I got it a week ago and have found the contents useful. 5/5"

Alonso / Entrepreneur