110+ shadcn/ui components with drag-drop code editor 🎉 👇
🚀 Try Editor!
Tailkits

Navy Astro Tailwind Template

Paid

40+ page dark mode landing page template with Astro.js and Tailwind CSS

Get now
Navy Astro Tailwind Template Image 1
Details About Navy Astro Tailwind Template
Key points:
  • Custom Color Palette
  • Custom .config
  • Figma File
  • JavaScript Plugin
  • Documentation
  • Dark Mode
  • Tailwind v3
  • Responsive Design
Contents

Introduction

40 pages and 100+ components of AstroJS website template built on top of Tailwind CSS to build multi-page websites in dark mode. Get ahead with well-documented Navy UI Kit with included MDX, RSS custom color palette features along with AlpineJS and Astro.js.

Features

Navy UI Kit offers the following features:

  1. 40+ pages with Astro.js and Alpine.js included

  2. 100+ HTML sections and components

  3. Blog UI components with MDX Support

  4. Out of the box pre-built Astro.js 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

Navy UI Kit include everything from method page, integrations, and form pages to more complex page UI designs like bog and tag cateogry, case study and help center pages.

Main pages

  1. 3 x Landing pages

  2. 3 x Pricing pages

  3. 3x Faq

Blog pages

  1. Blog Home

  2. Blog Home two

  3. 6x Blog post

  4. Tags Index

  5. Tag Category

  6. RSS

Customers

  1. Customers home

  2. Case Study

Method

  1. Method Home

  2. Method Details

Integrations

  1. Integrations home

  2. Integrations details

Help Center

  1. Help Home

  2. Help Center Categories

  3. Help details

Jobs

  1. Jobs Home

  2. job Entries

  3. Job Details

Utility pages

  1. Changelog

  2. Changelog Details

  3. Data Process Agreement

  4. Terms Of use

  5. Privacy Policy

  6. Cookies

  7. 404

  8. Style guide

Forms

  1. Contact

  2. Contact two

  3. Sign in

  4. Sign up

  5. Forgot Password

  6. Coming Soon

  7. Download

Sections

  1. 10 x Feature Sections

  2. 7 x Pricing Sections

Pros and Cons

Pros ✅

  1. Astro.js is a great choice if you are building complex multi-page websites and you can still use HTML components.

  2. File structure is mentioned

  3. It's a big plus compared to other templates because most don't mention file structure details. If you are considering buying Navy UI Kit template, you can see the file structure before purchasing.

  4. Pre-built landing page UI components

  5. Pre-built blog UI components with RSS support

  6. Out of the box Markdown (MDX) integration for blog posts.

  7. 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 in comparison 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 Navy UI Kit for?

Navy UI Kit is an excellent value proposition, particularly for those engaged in the development of 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 really useful. 5/5"

Alonso / Entrepreneur