[{"data":1,"prerenderedAt":531},["ShallowReactive",2],{"announcement-bar":3,"templates-product-apex":23,"detail_popular_product_refs":97,"popular-product-2074":195,"popular-product-1766":266,"popular-product-2178":334,"popular-product-2113":382,"popular-product-2171":428,"elite_banner_detail":475,"templates-static-texts":496},{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"id":8,"type":5,"title":9,"slug":10,"published_at":11,"order":12,"created_at":11,"updated_at":13,"text":14,"button_url":15,"is_enabled":6,"button_text":16,"countdown_date":17,"show_countdown":6,"_id":18,"_type":19,"_source":20,"_file":21,"_stem":22,"_extension":19},"/announcement_bar/2114","announcement_bar",false,"",2114,"Announcement Bar","announcement-bar","2025-08-29 23:18:28",1,"2026-03-10 22:43:15","✨ Tailkits UI: New Pricing ✨","https://tailkits.com/ui?ref=announcement","See Plans →","2025-11-29 23:59:31","content:announcement_bar:2114.json","json","content","announcement_bar/2114.json","announcement_bar/2114",{"_path":24,"_dir":25,"_draft":6,"_partial":6,"_locale":7,"id":26,"type":25,"title":27,"slug":28,"published_at":29,"order":12,"created_at":30,"updated_at":31,"faqs":32,"tags":45,"color":62,"cover":65,"images":66,"is_hot":6,"content":70,"is_paid":71,"demo_url":72,"features":73,"seo_title":78,"categories":79,"target_url":88,"description":89,"is_featured":71,"is_free_listing":6,"seo_description":90,"tags_ids":91,"features_ids":92,"categories_ids":93,"_id":94,"_type":19,"_source":20,"_file":95,"_stem":96,"_extension":19},"/templates/2272","templates",2272,"Apex","apex","2026-07-12 11:16:47","2026-08-06 13:06:05","2026-08-06 13:51:55",[33,37,41],{"title":34,"content":35,"id":36},"Does Apex include local SEO features?","Yes. It includes local business JSON-LD structured data and Next.js metadata support.","does-apex-include-local-seo-features",{"title":38,"content":39,"id":40},"Can Apex be used for businesses other than roofing?","Yes. Its content can be adapted for construction, renovation, landscaping, cleaning, painting, and other local services.","can-apex-be-used-for-businesses-other-than-roofing",{"title":42,"content":43,"id":44},"Does Apex support online appointments?","Yes. It includes an inline calendar with date and time selection. A backend or external scheduling service may still be needed.","does-apex-support-online-appointments",[46,50,54,58],{"id":47,"title":48,"slug":49},458,"Astro","astro",{"id":51,"title":52,"slug":53},453,"Nextjs","nextjs",{"id":55,"title":56,"slug":57},447,"React","react",{"id":59,"title":60,"slug":61},443,"HTML","html",{"id":63,"title":64,"slug":64},23,"red","/verdict-1786021564-2.webp",[67,69],{"image":68},"/verdict-1786021564-3.webp",{"image":65},"\u003Cblockquote>\u003Cp>Apex is a premium website template made for roofing companies, contractors, and other home service businesses. It combines a professional service-business design with online booking, project comparison sliders, local SEO support, and more than \u003Cstrong>70 reusable components\u003C/strong>.\u003C/p>\u003C/blockquote>\u003Cp>\u003Cimg src=\"/verdict-1786021564.webp\" alt=\"Apex Shadcn Template for Roofing Businesses\" title=\"Apex Shadcn Template\" width=\"1440\" height=\"1080\" loading=\"lazy\">The template includes \u003Cstrong>10+ pages\u003C/strong> and is available for \u003Cstrong>Next.js 16\u003C/strong> and \u003Cstrong>Astro\u003C/strong> projects. It is a practical option for developers who want to launch a complete contractor website without designing every page from scratch.\u003C/p>\u003Ch2>What Is the Apex Template?\u003C/h2>\u003Cp>Apex is a multi-page Shadcn UI template designed for roofing and home service companies. It gives businesses a ready-made website structure for presenting services, displaying completed projects, publishing articles, and accepting appointment requests.\u003C/p>\u003Cp>The design is especially suitable for roofers, builders, repair companies, renovation teams, painters, landscapers, and local contractors. Its content structure can also be adapted for most businesses that provide services at a customer's home.\u003C/p>\u003Cp>Apex was released on \u003Cstrong>July 31, 2026\u003C/strong>, and its listed individual price is \u003Cstrong>$79\u003C/strong>. The template is also included in the Shadcnblocks Premium plan.\u003C/p>\u003Ch2>What Features Does Apex Include? ✨\u003C/h2>\u003Cp>Apex includes the main tools needed to build a modern local service business website.\u003C/p>\u003Cul>\u003Cli>\u003Cp>\u003Cstrong>70+ reusable components\u003C/strong>\u003C/p>\u003C/li>\u003Cli>\u003Cp>\u003Cstrong>10+ prebuilt pages\u003C/strong>\u003C/p>\u003C/li>\u003Cli>\u003Cp>Draggable before-and-after image sliders\u003C/p>\u003C/li>\u003Cli>\u003Cp>Inline booking calendar\u003C/p>\u003C/li>\u003Cli>\u003Cp>Date and time selection\u003C/p>\u003C/li>\u003Cli>\u003Cp>Motion animations\u003C/p>\u003C/li>\u003Cli>\u003Cp>GSAP interactions\u003C/p>\u003C/li>\u003Cli>\u003Cp>Responsive mobile-first layout\u003C/p>\u003C/li>\u003Cli>\u003Cp>MDX-powered service pages\u003C/p>\u003C/li>\u003Cli>\u003Cp>MDX-powered blog pages\u003C/p>\u003C/li>\u003Cli>\u003Cp>MDX-powered legal pages\u003C/p>\u003C/li>\u003Cli>\u003Cp>Local business JSON-LD structured data\u003C/p>\u003C/li>\u003Cli>\u003Cp>Built-in Next.js metadata and SEO setup\u003C/p>\u003C/li>\u003Cli>\u003Cp>Block-based page sections\u003C/p>\u003C/li>\u003Cli>\u003Cp>Easy access to additional Shadcnblocks sections\u003C/p>\u003C/li>\u003C/ul>\u003Cp>The before-and-after slider is one of the most useful features for contractors. Visitors can compare the condition of a roof or property before the work with the finished result.\u003C/p>\u003Cp>The booking calendar also gives potential customers a direct way to select an available date and time. This can reduce the number of steps between visiting the website and requesting a service.\u003C/p>\u003Ch2>What Components Are Included? 📒\u003C/h2>\u003Cp>Apex includes more than \u003Cstrong>70 components\u003C/strong> spread across more than \u003Cstrong>10 pages\u003C/strong>. The components cover service presentation, lead generation, project examples, company information, and written content.\u003C/p>\u003Cp>The included website structure supports components such as:\u003C/p>\u003Cul>\u003Cli>\u003Cp>Homepage hero sections\u003C/p>\u003C/li>\u003Cli>\u003Cp>Service overview sections\u003C/p>\u003C/li>\u003Cli>\u003Cp>Individual service pages\u003C/p>\u003C/li>\u003Cli>\u003Cp>Before-and-after project sliders\u003C/p>\u003C/li>\u003Cli>\u003Cp>Booking and appointment calendar\u003C/p>\u003C/li>\u003Cli>\u003Cp>Date and time selectors\u003C/p>\u003C/li>\u003Cli>\u003Cp>Calls to action\u003C/p>\u003C/li>\u003Cli>\u003Cp>Customer-focused content sections\u003C/p>\u003C/li>\u003Cli>\u003Cp>Blog listing pages\u003C/p>\u003C/li>\u003Cli>\u003Cp>Individual article pages\u003C/p>\u003C/li>\u003Cli>\u003Cp>Legal content pages\u003C/p>\u003C/li>\u003Cli>\u003Cp>Local business information\u003C/p>\u003C/li>\u003Cli>\u003Cp>Navigation and footer sections\u003C/p>\u003C/li>\u003Cli>\u003Cp>Responsive mobile layouts\u003C/p>\u003C/li>\u003C/ul>\u003Cp>The pages are built from separate blocks. Developers can rearrange existing sections or insert additional blocks from the Shadcnblocks library without rebuilding the whole layout.\u003C/p>\u003Ch2>What Are the Pros and Cons of Apex?\u003C/h2>\u003Cp>Apex provides a strong starting point for service businesses, but it is mainly aimed at developers who are comfortable working with modern JavaScript frameworks.\u003C/p>\u003Ch3>What Are the Pros? ✅\u003C/h3>\u003Cul>\u003Cli>\u003Cp>Created specifically for roofing and home service websites\u003C/p>\u003C/li>\u003Cli>\u003Cp>Includes more than \u003Cstrong>70 components\u003C/strong>\u003C/p>\u003C/li>\u003Cli>\u003Cp>Provides more than \u003Cstrong>10 complete pages\u003C/strong>\u003C/p>\u003C/li>\u003Cli>\u003Cp>Available in both Next.js and Astro editions\u003C/p>\u003C/li>\u003Cli>\u003Cp>Uses the latest Shadcn UI components\u003C/p>\u003C/li>\u003Cli>\u003Cp>Built with Tailwind CSS 4\u003C/p>\u003C/li>\u003Cli>\u003Cp>Includes TypeScript\u003C/p>\u003C/li>\u003Cli>\u003Cp>Supports Markdown and MDX content\u003C/p>\u003C/li>\u003Cli>\u003Cp>Includes a useful before-and-after image slider\u003C/p>\u003C/li>\u003Cli>\u003Cp>Provides an inline booking experience\u003C/p>\u003C/li>\u003Cli>\u003Cp>Supports local business structured data\u003C/p>\u003C/li>\u003Cli>\u003Cp>Responsive on desktop, tablet, and mobile\u003C/p>\u003C/li>\u003Cli>\u003Cp>Easy to extend with additional block sections\u003C/p>\u003C/li>\u003Cli>\u003Cp>Suitable for commercial and client projects under the available commercial license\u003C/p>\u003C/li>\u003C/ul>\u003Ch3>What Are the Cons? ⚠️\u003C/h3>\u003Cul>\u003Cli>\u003Cp>Requires development knowledge to install and customize\u003C/p>\u003C/li>\u003Cli>\u003Cp>Designed mainly for roofing and service businesses\u003C/p>\u003C/li>\u003Cli>\u003Cp>Does not provide a visual drag-and-drop website editor\u003C/p>\u003C/li>\u003Cli>\u003Cp>Business content and images must still be replaced\u003C/p>\u003C/li>\u003Cli>\u003Cp>Booking functionality may require additional backend work\u003C/p>\u003C/li>\u003Cli>\u003Cp>Third-party appointment, email, or CRM connections may need custom development\u003C/p>\u003C/li>\u003Cli>\u003Cp>The individual purchase provides one framework edition at the listed price\u003C/p>\u003C/li>\u003Cli>\u003Cp>No dedicated CMS integration is listed as part of the standard template\u003C/p>\u003C/li>\u003C/ul>\u003Ch2>What Integrations Can Be Used With Apex?\u003C/h2>\u003Cp>Apex is built around a modern frontend stack and can be connected to external services based on the needs of the business.\u003C/p>\u003Cul>\u003Cli>\u003Cp>\u003Cstrong>Next.js 16:\u003C/strong> For server-rendered and full-stack React websites\u003C/p>\u003C/li>\u003Cli>\u003Cp>\u003Cstrong>Astro:\u003C/strong> Available as a separate template edition\u003C/p>\u003C/li>\u003Cli>\u003Cp>\u003Cstrong>Shadcn UI:\u003C/strong> Supplies the reusable interface components\u003C/p>\u003C/li>\u003Cli>\u003Cp>\u003Cstrong>Tailwind CSS 4:\u003C/strong> Handles styling and responsive layouts\u003C/p>\u003C/li>\u003Cli>\u003Cp>\u003Cstrong>TypeScript:\u003C/strong> Provides typed application code\u003C/p>\u003C/li>\u003Cli>\u003Cp>\u003Cstrong>Markdown:\u003C/strong> Supports simple written content\u003C/p>\u003C/li>\u003Cli>\u003Cp>\u003Cstrong>MDX:\u003C/strong> Powers services, articles, and legal pages\u003C/p>\u003C/li>\u003Cli>\u003Cp>\u003Cstrong>Motion:\u003C/strong> Adds interface animations\u003C/p>\u003C/li>\u003Cli>\u003Cp>\u003Cstrong>GSAP:\u003C/strong> Supports more detailed visual interactions\u003C/p>\u003C/li>\u003Cli>\u003Cp>\u003Cstrong>JSON-LD:\u003C/strong> Provides local business structured data\u003C/p>\u003C/li>\u003Cli>\u003Cp>\u003Cstrong>Shadcnblocks Library:\u003C/strong> Allows developers to add more blocks\u003C/p>\u003C/li>\u003Cli>\u003Cp>\u003Cstrong>Calendar services:\u003C/strong> The booking interface can be connected to a preferred scheduling system\u003C/p>\u003C/li>\u003Cli>\u003Cp>\u003Cstrong>Email services:\u003C/strong> Booking requests can be connected to email notification providers\u003C/p>\u003C/li>\u003Cli>\u003Cp>\u003Cstrong>CRM platforms:\u003C/strong> Lead forms can be connected through APIs or automation services\u003C/p>\u003C/li>\u003C/ul>\u003Cp>External calendar, email, and CRM connections are not described as ready-made integrations. They will normally require configuration or custom development.\u003C/p>\u003Ch2>Who Should Use the Apex Template?\u003C/h2>\u003Cp>Apex is best for developers, agencies, and business owners who need a professional website for a local service company.\u003C/p>\u003Cp>It is particularly suitable for:\u003C/p>\u003Cul>\u003Cli>\u003Cp>Roofing companies\u003C/p>\u003C/li>\u003Cli>\u003Cp>General contractors\u003C/p>\u003C/li>\u003Cli>\u003Cp>Home repair companies\u003C/p>\u003C/li>\u003Cli>\u003Cp>Renovation businesses\u003C/p>\u003C/li>\u003Cli>\u003Cp>Construction teams\u003C/p>\u003C/li>\u003Cli>\u003Cp>Painting services\u003C/p>\u003C/li>\u003Cli>\u003Cp>Landscaping companies\u003C/p>\u003C/li>\u003Cli>\u003Cp>Window and door installers\u003C/p>\u003C/li>\u003Cli>\u003Cp>Cleaning companies\u003C/p>\u003C/li>\u003Cli>\u003Cp>Property maintenance services\u003C/p>\u003C/li>\u003C/ul>\u003Cp>The template is also useful for agencies that regularly create websites for local contractors. Its reusable page structure can reduce the amount of design and frontend work required for each client.\u003C/p>\u003Ch2>Is Apex Worth Considering?\u003C/h2>\u003Cp>Apex is a practical choice when the project needs more than a simple landing page. It already includes service content, booking tools, project comparisons, articles, legal pages, structured data, and responsive sections.\u003C/p>\u003Cp>Its biggest advantage is the combination of industry-specific design and developer-friendly technology. The template will be most valuable to teams that already work with Next.js, Astro, Tailwind CSS, or Shadcn UI.\u003C/p>",true,"https://apex-astro-template.vercel.app/?via=tailkits",[74],{"id":75,"title":76,"slug":77},1720,"Tailwind CSS v4","tailwind-css-v4","Apex - Roofing and Home Services Shadcn Template",[80,84],{"id":81,"title":82,"slug":83},1460,"Company","company",{"id":85,"title":86,"slug":87},425,"Landing Page","landing-page","https://www.shadcnblocks.com/template/apex?via=tailkits","Build modern contractor websites with Apex.","Apex is a Shadcn UI template for roofing and home service websites with booking tools, service pages, before-and-after sliders, and local SEO.",[47,51,55,59],[75],[81,85],"content:templates:2272.json","templates/2272.json","templates/2272",[98,112,124,136,148,160,172,184],{"_path":99,"_dir":100,"_draft":6,"_partial":6,"_locale":7,"id":101,"type":100,"title":102,"slug":103,"published_at":104,"order":105,"created_at":104,"updated_at":106,"product_id":107,"is_shuffled":71,"collection_type":108,"_id":109,"_type":19,"_source":20,"_file":110,"_stem":111,"_extension":19},"/popular_products/1712","popular_products",1712,"Shadcnblocks","shadcnblocks","2025-01-31 23:08:57",6,"2026-02-25 01:41:58","1626","components","content:popular_products:1712.json","popular_products/1712.json","popular_products/1712",{"_path":113,"_dir":100,"_draft":6,"_partial":6,"_locale":7,"id":114,"type":100,"title":115,"slug":116,"published_at":117,"order":118,"created_at":117,"updated_at":119,"product_id":120,"is_shuffled":71,"collection_type":25,"_id":121,"_type":19,"_source":20,"_file":122,"_stem":123,"_extension":19},"/popular_products/1774",1774,"Shadcnblocks Bundle","shadcnblocks-bundle","2025-04-03 11:54:06",2,"2026-02-25 01:41:48","1766","content:popular_products:1774.json","popular_products/1774.json","popular_products/1774",{"_path":125,"_dir":100,"_draft":6,"_partial":6,"_locale":7,"id":126,"type":100,"title":127,"slug":128,"published_at":129,"order":130,"created_at":129,"updated_at":131,"product_id":132,"is_shuffled":6,"collection_type":25,"_id":133,"_type":19,"_source":20,"_file":134,"_stem":135,"_extension":19},"/popular_products/2125",2125,"Hive","hive","2025-09-16 09:29:02",8,"2026-03-14 11:42:25","2219","content:popular_products:2125.json","popular_products/2125.json","popular_products/2125",{"_path":137,"_dir":100,"_draft":6,"_partial":6,"_locale":7,"id":138,"type":100,"title":139,"slug":140,"published_at":141,"order":142,"created_at":141,"updated_at":143,"product_id":144,"is_shuffled":6,"collection_type":25,"_id":145,"_type":19,"_source":20,"_file":146,"_stem":147,"_extension":19},"/popular_products/2172",2172,"Lumen","lumen","2025-10-30 02:12:28",5,"2026-03-14 11:42:05","2171","content:popular_products:2172.json","popular_products/2172.json","popular_products/2172",{"_path":149,"_dir":100,"_draft":6,"_partial":6,"_locale":7,"id":150,"type":100,"title":151,"slug":152,"published_at":153,"order":154,"created_at":153,"updated_at":155,"product_id":156,"is_shuffled":71,"collection_type":25,"_id":157,"_type":19,"_source":20,"_file":158,"_stem":159,"_extension":19},"/popular_products/2175",2175,"Plasma","plasma","2025-11-06 18:06:37",4,"2026-03-02 18:44:19","2113","content:popular_products:2175.json","popular_products/2175.json","popular_products/2175",{"_path":161,"_dir":100,"_draft":6,"_partial":6,"_locale":7,"id":162,"type":100,"title":163,"slug":164,"published_at":165,"order":166,"created_at":165,"updated_at":167,"product_id":168,"is_shuffled":6,"collection_type":25,"_id":169,"_type":19,"_source":20,"_file":170,"_stem":171,"_extension":19},"/popular_products/2225",2225,"Metafi","metafi","2026-02-27 13:18:08",3,"2026-03-14 11:41:52","2178","content:popular_products:2225.json","popular_products/2225.json","popular_products/2225",{"_path":173,"_dir":100,"_draft":6,"_partial":6,"_locale":7,"id":174,"type":100,"title":175,"slug":176,"published_at":177,"order":178,"created_at":177,"updated_at":179,"product_id":180,"is_shuffled":6,"collection_type":25,"_id":181,"_type":19,"_source":20,"_file":182,"_stem":183,"_extension":19},"/popular_products/2226",2226,"Mainline","mainline","2026-02-27 13:19:41",7,"2026-03-14 11:42:16","1762","content:popular_products:2226.json","popular_products/2226.json","popular_products/2226",{"_path":185,"_dir":100,"_draft":6,"_partial":6,"_locale":7,"id":186,"type":100,"title":187,"slug":188,"published_at":189,"order":12,"created_at":189,"updated_at":190,"product_id":191,"is_shuffled":6,"collection_type":25,"_id":192,"_type":19,"_source":20,"_file":193,"_stem":194,"_extension":19},"/popular_products/2231",2231,"Aspect","aspect","2026-03-02 18:52:18","2026-03-14 11:42:37","2074","content:popular_products:2231.json","popular_products/2231.json","popular_products/2231",{"_path":196,"_dir":25,"_draft":6,"_partial":6,"_locale":7,"id":197,"type":25,"title":187,"slug":188,"published_at":198,"order":199,"created_at":198,"updated_at":200,"faqs":201,"tags":214,"color":222,"cover":225,"images":226,"is_hot":71,"content":227,"is_paid":71,"demo_url":228,"features":229,"seo_title":239,"categories":240,"target_url":257,"description":258,"is_featured":71,"is_free_listing":6,"seo_description":259,"tags_ids":260,"features_ids":261,"categories_ids":262,"_id":263,"_type":19,"_source":20,"_file":264,"_stem":265,"_extension":19},"/templates/2074",2074,"2025-08-07 13:20:45",9,"2026-03-11 20:21:39",[202,205,208,211],{"title":203,"content":204},"How many pages come pre-built?","Aspect ships with 10 + ready-to-use pages. ",{"title":206,"content":207},"Is a design file included?","Yes—every purchase includes the matching Figma source to speed up custom edits.",{"title":209,"content":210},"Which frameworks are supported?","Out of the box you get both a Next.js 15 and an Astro 5 build, each using React 19 and Tailwind 4.",{"title":212,"content":213},"Do I get lifetime updates?","Buying Aspect (or the Premium Plan) grants lifetime updates and access to new shadcn/ui blocks.",[215,219,220,221],{"id":216,"title":217,"slug":218},1380,"shadcn/ui","shadcnui",{"id":47,"title":48,"slug":49},{"id":51,"title":52,"slug":53},{"id":59,"title":60,"slug":61},{"id":223,"title":224,"slug":224},37,"yellow","/aspect-2.png",[],"\u003Cp>\u003Cimg src=\"/aspect.png\" alt=\"Aspect\" title=\"Aspect - dark mode company template\" width=\"1600\" height=\"1200\" loading=\"lazy\">\u003C/p>\u003Cblockquote>\u003Cp>\u003Cstrong>Get 10% off Shadcnblocks! Use code \u003C/strong>\u003Ccode>TAILKITS10\u003C/code>\u003Cstrong> at checkout 🎉\u003C/strong>\u003C/p>\u003C/blockquote>\u003Ch2>What Is the Aspect Template?\u003C/h2>\u003Cp>Aspect is a premium, corporate-style website starter built with shadcn/ui, Tailwind 4 and React 19, available for both Next.js 15 and Astro 5. It packs 100 + pre-styled components and 10 + ready-made pages so you can spin up a polished marketing site in minutes.\u003C/p>\u003Ch2>Features ✨\u003C/h2>\u003Cul>\u003Cli>\u003Cp>100 + reusable shadcn/ui components\u003C/p>\u003C/li>\u003Cli>\u003Cp>10 + fully designed pages out of the box\u003C/p>\u003C/li>\u003Cli>\u003Cp>Figma design file included for easy editing\u003C/p>\u003C/li>\u003Cli>\u003Cp>Block-based layout—drop in any extra Shadcn Blocks section\u003C/p>\u003C/li>\u003Cli>\u003Cp>MDX & JSON data for fast content tweaks\u003C/p>\u003C/li>\u003Cli>\u003Cp>Mobile-first, responsive Tailwind styling\u003C/p>\u003C/li>\u003Cli>\u003Cp>Built-in SEO / metadata helpers for Next.js\u003C/p>\u003C/li>\u003C/ul>\u003Ch2>Included Components 📒\u003C/h2>\u003Cul>\u003Cli>\u003Cp>Hero, banner & about sections\u003C/p>\u003C/li>\u003Cli>\u003Cp>Feature grids, pricing tables, testimonials\u003C/p>\u003C/li>\u003Cli>\u003Cp>CTA, stats, timeline & gallery blocks\u003C/p>\u003C/li>\u003Cli>\u003Cp>Blog, FAQ, careers and changelog sections\u003C/p>\u003C/li>\u003Cli>\u003Cp>Navbars, footers, login, signup and more (30 + categories)\u003C/p>\u003C/li>\u003C/ul>\u003Ch2>Pros and Cons\u003C/h2>\u003Ch3>Pros ✅\u003C/h3>\u003Cul>\u003Cli>\u003Cp>Huge parts library reduces build time\u003C/p>\u003C/li>\u003Cli>\u003Cp>Dual Next.js & Astro editions\u003C/p>\u003C/li>\u003Cli>\u003Cp>Modern tech stack (Tailwind 4, React 19, TS)\u003C/p>\u003C/li>\u003Cli>\u003Cp>Figma source speeds up design tweaks\u003C/p>\u003C/li>\u003Cli>\u003Cp>Lifetime updates included via Premium Plan\u003C/p>\u003C/li>\u003C/ul>\u003Ch3>Cons ⚠️\u003C/h3>\u003Cul>\u003Cli>\u003Cp>$79 one-off cost may deter hobby projects\u003C/p>\u003C/li>\u003Cli>\u003Cp>Limited to React-based workflows—no Vue/Svelte\u003C/p>\u003C/li>\u003Cli>\u003Cp>Customisation still needs Tailwind know-how\u003C/p>\u003C/li>\u003C/ul>\u003Ch2>Integration\u003C/h2>\u003Cul>\u003Cli>\u003Cp>Next.js 15\u003C/p>\u003C/li>\u003Cli>\u003Cp>Astro 5\u003C/p>\u003C/li>\u003Cli>\u003Cp>React 19\u003C/p>\u003C/li>\u003Cli>\u003Cp>Tailwind CSS 4\u003C/p>\u003C/li>\u003Cli>\u003Cp>Typescript & MDX\u003C/p>\u003C/li>\u003Cli>\u003Cp>Works with shadcn/ui block library for extra sections\u003C/p>\u003C/li>\u003C/ul>","https://aspect-astro-template.vercel.app/",[230,234,238],{"id":231,"title":232,"slug":233},405,"Figma File","figma-file",{"id":235,"title":236,"slug":237},411,"Dark Mode","dark-mode",{"id":75,"title":76,"slug":77},"Aspect Company Template - Next.js & Astro Landing Kit",[241,245,247,248,252,256],{"id":242,"title":243,"slug":244},1457,"Startup","startup",{"id":246,"title":236,"slug":237},1458,{"id":81,"title":82,"slug":83},{"id":249,"title":250,"slug":251},430,"SaaS","saas",{"id":253,"title":254,"slug":255},427,"Blog","blog",{"id":85,"title":86,"slug":87},"https://www.shadcnblocks.com/template/aspect?via=tailkits","Corporate site template with 100 + shadcn/ui blocks","Aspect ships a ready-to-launch corporate site: block-based pages, SEO-optimised Next.js & Astro code, responsive Tailwind design and an included Figma source.",[216,47,51,59],[231,235,75],[242,246,81,249,253,85],"content:templates:2074.json","templates/2074.json","templates/2074",{"_path":267,"_dir":25,"_draft":6,"_partial":6,"_locale":7,"id":268,"type":25,"title":269,"slug":270,"published_at":271,"order":154,"created_at":271,"updated_at":272,"faqs":273,"tags":292,"color":297,"cover":300,"images":301,"is_hot":71,"content":310,"is_paid":71,"demo_url":311,"features":312,"seo_title":319,"categories":320,"target_url":325,"description":326,"is_featured":71,"is_free_listing":6,"seo_description":327,"tags_ids":328,"features_ids":329,"categories_ids":330,"_id":331,"_type":19,"_source":20,"_file":332,"_stem":333,"_extension":19},"/templates/1766",1766,"Shadcnblocks Template Bundle","shadcnblocks-template-bundle","2025-03-24 12:34:39","2026-06-09 20:20:49",[274,277,280,283,286,289],{"title":275,"content":276},"Is there a free tier?","A limited set of free blocks is available, but the bundle and monthly updates require the paid license. ",{"title":278,"content":279},"Does it support dark mode?","Yes. Blocks inherit any Shadcn UI theme, including light/dark variants, without extra work. ",{"title":281,"content":282},"Can I use it on unlimited projects?","Absolutely; the license permits unlimited commercial and personal projects. ",{"title":284,"content":285},"How often are new components added?","Expect roughly 50 new blocks and at least one template every month",{"title":287,"content":288},"How big is the catalog right now?","Feature blocks alone list 311+ items; other categories are growing alongside recent “50 New Blocks” updates. ",{"title":290,"content":291},"Do these blocks work with Tailwind v4?","Yes, Lumen and the other templates specify Tailwind 4; blocks follow the same stack. ",[293,294,295,296],{"id":216,"title":217,"slug":218},{"id":47,"title":48,"slug":49},{"id":51,"title":52,"slug":53},{"id":55,"title":56,"slug":57},{"id":298,"title":299,"slug":299},22,"indigo","/shadcnblocks-template-bundle-4.png",[302,304,306,308],{"image":303},"/shadcnblocks-32.png",{"image":305},"/shadcnblocks-template-bundle-6.webp",{"image":307},"/shadcnblocks-template-bundle-2.png",{"image":309},"/shadcnblocks-template-bundle-7.webp","\u003Cblockquote>\u003Cp>\u003Cstrong>Get 10% off Shadcnblocks! Use code \u003C/strong>\u003Ccode>TAILKITS10\u003C/code>\u003Cstrong> at checkout 🎉\u003C/strong>\u003C/p>\u003C/blockquote>\u003Cp>The Shadcnblocks Template Bundle is an all-access pass to \u003Cstrong>1665+ professionally designed blocks\u003C/strong> and \u003Cstrong>six complete marketing templates\u003C/strong> powered by Shadcn UI and Tailwind CSS v4. You pay once, use it forever, and keep getting \u003Cstrong>50+ fresh blocks every month\u003C/strong> along with template updates and Figma assets.\u003C/p>\u003Cp>\u003Cstrong>Shadcnblocks Template Bundle Showcase\u003C/strong>\u003C/p>\u003Cdiv class=\"filament-tiptap-grid-builder\" data-type=\"responsive\" data-cols=\"2\" style=\"grid-template-columns: repeat(2, 1fr);\" data-stack-at=\"md\">\u003Cdiv class=\"filament-tiptap-grid-builder__column\" data-col-span=\"1\" style=\"grid-column: span 1;\">\u003Cp>\u003Cimg src=\"/shadcnblocks-template-bundle-2.webp\" alt=\"Meridian shadcn/ui Template\" title=\"Meridian shadcn/ui Theme\" width=\"1440\" height=\"1080\" loading=\"lazy\">\u003C/p>\u003C/div>\u003Cdiv class=\"filament-tiptap-grid-builder__column\" data-col-span=\"1\" style=\"grid-column: span 1;\">\u003Cp>\u003Cimg src=\"/shadcnblocks-template-bundle-3.webp\" alt=\"Kinto shadcn/ui Theme\" title=\"Kinto shadcn/ui Theme\" width=\"1440\" height=\"1080\" loading=\"lazy\">\u003C/p>\u003C/div>\u003C/div>\u003Cdiv class=\"filament-tiptap-grid-builder\" data-type=\"responsive\" data-cols=\"2\" style=\"grid-template-columns: repeat(2, 1fr);\" data-stack-at=\"md\">\u003Cdiv class=\"filament-tiptap-grid-builder__column\" data-col-span=\"1\" style=\"grid-column: span 1;\">\u003Cp>\u003Cimg src=\"/shadcnblocks-template-bundle-4.webp\" alt=\" Hatch portfolio website, shadcn/ui template\" title=\" Hatch portfolio website, shadcn/ui template\" width=\"1440\" height=\"1080\" loading=\"lazy\">\u003C/p>\u003C/div>\u003Cdiv class=\"filament-tiptap-grid-builder__column\" data-col-span=\"1\" style=\"grid-column: span 1;\">\u003Cp>\u003Cimg src=\"/shadcnblocks-template-bundle-5.webp\" alt=\"Echo minimalist shadcn/ui template\" title=\"Echo Minimalist shadcn/ui template\" width=\"1440\" height=\"1080\" loading=\"lazy\">\u003C/p>\u003C/div>\u003C/div>\u003Cdiv class=\"filament-tiptap-grid-builder\" data-type=\"responsive\" data-cols=\"2\" style=\"grid-template-columns: repeat(2, 1fr);\" data-stack-at=\"md\">\u003Cdiv class=\"filament-tiptap-grid-builder__column\" data-col-span=\"1\" style=\"grid-column: span 1;\">\u003Cp>\u003Cimg src=\"/shadcnblocks-18.png\" alt=\"Lumen shadcn/ui Theme\" title=\"Lumen shadcn/ui Theme\" width=\"1440\" height=\"1080\" loading=\"lazy\">\u003C/p>\u003C/div>\u003Cdiv class=\"filament-tiptap-grid-builder__column\" data-col-span=\"1\" style=\"grid-column: span 1;\">\u003Cp>\u003Cimg src=\"/shadcnblocks-19.png\" alt=\"Plasma shadcn/ui SaaS Template\" title=\"Plasma shadcn/ui SaaS Template\" width=\"1440\" height=\"1081\" loading=\"lazy\">\u003C/p>\u003C/div>\u003C/div>\u003Cdiv class=\"filament-tiptap-grid-builder\" data-type=\"responsive\" data-cols=\"2\" style=\"grid-template-columns: repeat(2, 1fr);\" data-stack-at=\"md\">\u003Cdiv class=\"filament-tiptap-grid-builder__column\" data-col-span=\"1\" style=\"grid-column: span 1;\">\u003Cp>\u003Cimg src=\"https://tailkits.com/_ipx/_/metafi-3.png\" alt=\"Metafi Image 1\">\u003C/p>\u003C/div>\u003Cdiv class=\"filament-tiptap-grid-builder__column\" data-col-span=\"1\" style=\"grid-column: span 1;\">\u003Cp>\u003Cimg src=\"https://tailkits.com/_ipx/_/echo-2.webp\" alt=\"Echo Image 1\">\u003C/p>\u003C/div>\u003C/div>\u003Cdiv class=\"filament-tiptap-grid-builder\" data-type=\"responsive\" data-cols=\"2\" style=\"grid-template-columns: repeat(2, 1fr);\" data-stack-at=\"md\">\u003Cdiv class=\"filament-tiptap-grid-builder__column\" data-col-span=\"1\" style=\"grid-column: span 1;\">\u003Cp>\u003Cimg src=\"https://tailkits.com/_ipx/_/mainline.png\" alt=\"Mainline Image 2\">\u003C/p>\u003C/div>\u003Cdiv class=\"filament-tiptap-grid-builder__column\" data-col-span=\"1\" style=\"grid-column: span 1;\">\u003Cp>\u003Cimg src=\"/shadcnblocks-21.png\" alt=\"Aspect dark-mode shadcn/ui Theme\" title=\"Aspect dark-mode shadcn/ui Theme\" width=\"1440\" height=\"1200\" loading=\"lazy\">\u003C/p>\u003C/div>\u003C/div>\u003Cdiv class=\"filament-tiptap-grid-builder\" data-type=\"responsive\" data-cols=\"2\" style=\"grid-template-columns: repeat(2, 1fr);\" data-stack-at=\"md\">\u003Cdiv class=\"filament-tiptap-grid-builder__column\" data-col-span=\"1\" style=\"grid-column: span 1;\">\u003Cp>\u003Cimg src=\"https://tailkits.com/_ipx/_/hive-2.webp\" alt=\"Hive Image 1\">\u003C/p>\u003C/div>\u003Cdiv class=\"filament-tiptap-grid-builder__column\" data-col-span=\"1\" style=\"grid-column: span 1;\">\u003Cp>\u003Cimg src=\"https://tailkits.com/_ipx/_/shadcnblocks.webp\" alt=\"Shadcnblocks Image 2\">\u003C/p>\u003C/div>\u003C/div>\u003Cdiv class=\"filament-tiptap-grid-builder\" data-type=\"responsive\" data-cols=\"2\" style=\"grid-template-columns: repeat(2, 1fr);\" data-stack-at=\"md\">\u003Cdiv class=\"filament-tiptap-grid-builder__column\" data-col-span=\"1\" style=\"grid-column: span 1;\">\u003Cp>\u003Cimg src=\"/shadcnblocks-20.png\" alt=\"Zippay shadcn/ui Theme\" title=\"Zippay shadcn/ui Theme\" width=\"1440\" height=\"1080\" loading=\"lazy\">\u003C/p>\u003C/div>\u003Cdiv class=\"filament-tiptap-grid-builder__column\" data-col-span=\"1\" style=\"grid-column: span 1;\">\u003Cp>\u003Cimg src=\"https://tailkits.com/_ipx/_/streamline.png\" alt=\"Streamline Image 2\">\u003C/p>\u003C/div>\u003C/div>\u003Ch3>Features ✨\u003C/h3>\u003Cul>\u003Cli>\u003Cp>\u003Cstrong>Huge library\u003C/strong> – 1665 blocks covering hero, pricing, FAQ, testimonial, dashboards and more\u003C/p>\u003C/li>\u003Cli>\u003Cp>\u003Cstrong>Modern stack\u003C/strong> – Next.js 15, Astro 5, React 19, TypeScript & MDX out of the box\u003C/p>\u003C/li>\u003Cli>\u003Cp>\u003Cstrong>One-time license\u003C/strong> – lifetime updates & unlimited projects\u003C/p>\u003C/li>\u003Cli>\u003Cp>\u003Cstrong>Figma kit included\u003C/strong> for pixel-perfect hand-off\u003C/p>\u003C/li>\u003Cli>\u003Cp>\u003Cstrong>Theme-ready\u003C/strong> – blocks inherit any Shadcn UI theme instantly\u003C/p>\u003C/li>\u003Cli>\u003Cp>\u003Cstrong>Copy-paste code\u003C/strong> with full responsiveness and accessibility\u003C/p>\u003C/li>\u003C/ul>\u003Cblockquote>\u003Cp>\u003Cstrong>Get 10% off Shadcnblocks! Use code \u003C/strong>\u003Ccode>TAILKITS10\u003C/code>\u003Cstrong> at checkout 🎉\u003C/strong>\u003C/p>\u003C/blockquote>\u003Ch2>What changed recently on Shadcnblocks?\u003C/h2>\u003Cp>\u003Cstrong>A new premium template, a big block drop, and quality-of-life updates.\u003C/strong> Here are the highlights with exact dates and sources:\u003C/p>\u003Cul>\u003Cli>\u003Cp>\u003Cstrong>50 New Blocks\u003C/strong> a sizable expansion across categories; recent changelog entries flag a “50 New Blocks” release.\u003C/p>\u003C/li>\u003Cli>\u003Cp>\u003Cstrong>Improved Block Viewer + Open Source notes\u003C/strong>: UX updates called out in the changelog stream.\u003C/p>\u003C/li>\u003Cli>\u003Cp>\u003Cstrong>CLI 3.0 namespaced registry support\u003C/strong>: better install/registry ergonomics referenced in the changelog.\u003C/p>\u003C/li>\u003Cli>\u003Cp>\u003Cstrong>Figma Kit v1.1.0\u003C/strong>: component visuals updated alongside block drops.\u003C/p>\u003C/li>\u003C/ul>\u003Ch2>Included Templates\u003C/h2>\u003Cdiv class=\"filament-tiptap-grid-builder\" data-type=\"responsive\" data-cols=\"2\" style=\"grid-template-columns: repeat(2, 1fr);\" data-stack-at=\"md\">\u003Cdiv class=\"filament-tiptap-grid-builder__column\" data-col-span=\"1\" style=\"grid-column: span 1;\">\u003Cp>\u003Cimg src=\"/shadcnblocks-22.png\" alt=\"Lumen Shadcn UI Template - Hero Section\" title=\"Lumen Template - Hero Section\" width=\"900\" height=\"1080\" loading=\"lazy\">\u003Cimg src=\"/shadcnblocks-template-bundle-2.webp\" alt=\"Meridian shadcn/ui Template\" title=\"Meridian shadcn/ui Theme\" width=\"1440\" height=\"1080\" loading=\"lazy\">\u003C/p>\u003C/div>\u003Cdiv class=\"filament-tiptap-grid-builder__column\" data-col-span=\"1\" style=\"grid-column: span 1;\">\u003Cp>\u003Cimg src=\"/shadcnblocks-template-bundle-3.webp\" alt=\"Kinto shadcn/ui Theme\" title=\"Kinto shadcn/ui Theme\" width=\"1440\" height=\"1080\" loading=\"lazy\">\u003C/p>\u003Cp>\u003Cimg src=\"https://tailkits.com/plasma-4.png\" alt=\"Bento Card - Plasma Theme\">\u003C/p>\u003C/div>\u003C/div>\u003Cp>The bundle doesn’t just offer individual blocks; it also comes with a variety of fully designed templates to jumpstart your projects. You’ll find:\u003C/p>\u003Cul>\u003Cli>\u003Cp>\u003Ca href=\"https://tailkits.com/templates/lumen/\" data-as-button=\"false\">\u003Cstrong>Lumen\u003C/strong>\u003C/a> – Luminescent modern landing for Next.js & Astro.\u003C/p>\u003C/li>\u003Cli>\u003Cp>\u003Ca href=\"https://tailkits.com/templates/echo/\">Echo\u003C/a> - Modern SaaS marketing template with strong visual hierarchy and bold typography.\u003C/p>\u003C/li>\u003Cli>\u003Cp>\u003Ca href=\"https://tailkits.com/templates/metafi/\">Metafi\u003C/a> - Web3 and crypto-inspired template designed for DeFi, NFT, and blockchain projects.\u003C/p>\u003C/li>\u003Cli>\u003Cp>\u003Ca href=\"https://tailkits.com/templates/hive/\">Hive\u003C/a> - Community or collaboration-focused template built for SaaS platforms, team tools, and creator ecosystems.\u003C/p>\u003C/li>\u003Cli>\u003Cp>\u003Ca href=\"https://tailkits.com/templates/zippay/\" data-as-button=\"false\">\u003Cstrong>Zippay\u003C/strong>\u003C/a> – Fintech SaaS marketing site with multi-page flow.\u003C/p>\u003C/li>\u003Cli>\u003Cp>\u003Ca href=\"https://tailkits.com/templates/plasma/\" data-as-button=\"false\">\u003Cstrong>Plasma\u003C/strong>\u003C/a> – Developer SaaS/app with landing, pricing, docs, changelog.\u003C/p>\u003C/li>\u003Cli>\u003Cp>\u003Ca href=\"https://tailkits.com/templates/aspect/\" data-as-button=\"false\">\u003Cstrong>Aspect\u003C/strong>\u003C/a> – Corporate marketing site with a polished, professional tone.\u003C/p>\u003C/li>\u003C/ul>\u003Cul>\u003Cli>\u003Cp>\u003Ca href=\"https://tailkits.com/templates/scalar/\" data-as-button=\"false\">\u003Cstrong>Scalar\u003C/strong>\u003C/a> – Product/SaaS landing\u003C/p>\u003C/li>\u003Cli>\u003Cp>\u003Ca href=\"https://tailkits.com/templates/sonic/\" data-as-button=\"false\">\u003Cstrong>Sonic\u003C/strong>\u003C/a> – Single-product launch\u003C/p>\u003C/li>\u003Cli>\u003Cp>\u003Ca href=\"https://tailkits.com/templates/relative/\" data-as-button=\"false\">\u003Cstrong>Relative\u003C/strong>\u003C/a> – Marketing starter\u003C/p>\u003C/li>\u003Cli>\u003Cp>\u003Ca href=\"https://tailkits.com/templates/charter/\" data-as-button=\"false\">\u003Cstrong>Charter\u003C/strong>\u003C/a> – Fin-tech landing\u003C/p>\u003C/li>\u003Cli>\u003Cp>\u003Ca href=\"https://tailkits.com/templates/streamline/\" data-as-button=\"false\">\u003Cstrong>Streamline\u003C/strong>\u003C/a> – Minimal marketing page\u003C/p>\u003C/li>\u003Cli>\u003Cp>\u003Ca href=\"https://tailkits.com/templates/mainline/\" data-as-button=\"false\">\u003Cstrong>Mainline\u003C/strong>\u003C/a>\u003Cstrong> \u003Cem>(open source as of Oct 14, 2025)\u003C/em>\u003C/strong> – All-rounder landing kit\u003C/p>\u003C/li>\u003Cli class=\"whitespace-normal break-words pl-2\">\u003Cp>\u003Ca href=\"https://tailkits.com/templates/echo/\">\u003Cstrong>Echo\u003C/strong>\u003C/a> – Minimal personal portfolio template for Next.js & Astro\u003C/p>\u003C/li>\u003Cli class=\"whitespace-normal break-words pl-2\">\u003Cp>\u003Ca href=\"https://tailkits.com/templates/kinto/\">\u003Cstrong>Kinto\u003C/strong>\u003C/a> – App website template for AI, wellness, and journaling products\u003C/p>\u003C/li>\u003Cli class=\"whitespace-normal break-words pl-2\">\u003Cp>\u003Ca href=\"https://tailkits.com/templates/meridian/\">\u003Cstrong>Meridian\u003C/strong>\u003C/a> – Developer SaaS starter with docs, animations, and 50+ components\u003C/p>\u003C/li>\u003Cli class=\"whitespace-normal break-words pl-2\">\u003Cp>\u003Ca href=\"https://tailkits.com/templates/hatch/\">\u003Cstrong>Hatch\u003C/strong>\u003C/a> – Clean freelancer site template with 10+ pages and 100+ components\u003C/p>\u003C/li>\u003C/ul>\u003Cdiv class=\"filament-tiptap-grid-builder\" data-type=\"responsive\" data-cols=\"2\" style=\"grid-template-columns: repeat(2, 1fr);\" data-stack-at=\"md\">\u003Cdiv class=\"filament-tiptap-grid-builder__column\" data-col-span=\"1\" style=\"grid-column: span 1;\">\u003Cp>\u003Ca href=\"https://tailkits.com/templates/streamline/\" data-as-button=\"false\">\u003Cimg src=\"/shadcnblocks-bundle.png\" alt=\"Streamline Template\" width=\"500\" height=\"1080\">\u003C/a>\u003C/p>\u003C/div>\u003Cdiv class=\"filament-tiptap-grid-builder__column\" data-col-span=\"1\" style=\"grid-column: span 1;\">\u003Cp>\u003Ca href=\"https://tailkits.com/templates/relative/\" data-as-button=\"false\">\u003Cimg src=\"/shadcnblocks-bundle-2.png\" alt=\"Relative Template\" title=\"Relative\" width=\"500\" height=\"1080\">\u003C/a>\u003C/p>\u003C/div>\u003C/div>\u003Cdiv class=\"filament-tiptap-grid-builder\" data-type=\"responsive\" data-cols=\"2\" style=\"grid-template-columns: repeat(2, 1fr);\" data-stack-at=\"md\">\u003Cdiv class=\"filament-tiptap-grid-builder__column\" data-col-span=\"1\" style=\"grid-column: span 1;\">\u003Cp>\u003Ca href=\"https://tailkits.com/templates/mainline/\" data-as-button=\"false\">\u003Cimg src=\"/shadcnblocks-bundle-3.png\" alt=\"Mainline Template\" title=\"Mainline\" width=\"500\" height=\"1080\">\u003C/a>\u003C/p>\u003C/div>\u003Cdiv class=\"filament-tiptap-grid-builder__column\" data-col-span=\"1\" style=\"grid-column: span 1;\">\u003Cp>\u003Ca href=\"https://tailkits.com/templates/charter/\" data-as-button=\"false\">\u003Cimg src=\"/shadcnblocks-bundle-4.png\" alt=\"Charter Template\" title=\"Charter\" width=\"500\" height=\"1080\">\u003C/a>\u003C/p>\u003C/div>\u003C/div>\u003Cdiv class=\"filament-tiptap-grid-builder\" data-type=\"responsive\" data-cols=\"2\" style=\"grid-template-columns: repeat(2, 1fr);\" data-stack-at=\"md\">\u003Cdiv class=\"filament-tiptap-grid-builder__column\" data-col-span=\"1\" style=\"grid-column: span 1;\">\u003Cp>\u003Cimg src=\"/shadcnblocks-11.png\" alt=\"Scalar Template\" title=\"Scalar\" width=\"500\" height=\"1080\" loading=\"lazy\">\u003C/p>\u003C/div>\u003Cdiv class=\"filament-tiptap-grid-builder__column\" data-col-span=\"1\" style=\"grid-column: span 1;\">\u003Cp>\u003Cimg src=\"/shadcnblocks-12.png\" alt=\"Sonic Template\" title=\"Sonic\" width=\"500\" height=\"1080\" loading=\"lazy\">\u003C/p>\u003C/div>\u003C/div>\u003Ch2>Pros and Cons\u003C/h2>\u003Ch4>Pros ✅\u003C/h4>\u003Cul>\u003Cli>\u003Cp>Massive block count saves weeks of UI work\u003C/p>\u003C/li>\u003Cli>\u003Cp>Regular monthly drops keep designs fresh\u003C/p>\u003C/li>\u003Cli>\u003Cp>Works with the bleeding-edge Tailwind/Shadcn stack\u003C/p>\u003C/li>\u003Cli>\u003Cp>Figma files streamline designer–dev collaboration\u003C/p>\u003C/li>\u003Cli>\u003Cp>Single payment—no recurring fees\u003C/p>\u003C/li>\u003C/ul>\u003Ch4>Cons ⚠️\u003C/h4>\u003Cul>\u003Cli>\u003Cp>Requires comfort with Tailwind classes for deep tweaks\u003C/p>\u003C/li>\u003Cli>\u003Cp>Marketing-focused templates; no e-commerce out of the box\u003C/p>\u003C/li>\u003Cli>\u003Cp>New users may face a small learning curve when theming\u003C/p>\u003C/li>\u003Cli>\u003Cp>Price is higher than piecemeal free snippets\u003C/p>\u003C/li>\u003C/ul>\u003Ch2>Integration\u003C/h2>\u003Cul>\u003Cli>\u003Cp>Next.js 15\u003C/p>\u003C/li>\u003Cli>\u003Cp>Astro 5\u003C/p>\u003C/li>\u003Cli>\u003Cp>React 19\u003C/p>\u003C/li>\u003Cli>\u003Cp>Tailwind CSS v4\u003C/p>\u003C/li>\u003Cli>\u003Cp>TypeScript & MDX\u003C/p>\u003C/li>\u003Cli>\u003Cp>Radix-powered Shadcn UI components\u003C/p>\u003C/li>\u003Cli>\u003Cp>Figma design system tokens\u003C/p>\u003C/li>\u003C/ul>\u003Cp>\u003Cimg src=\"https://tailkits.com/_ipx/_/charter-4.png\" alt=\"Charter Image 1\">\u003C/p>","https://www.shadcnblocks.com/templates?via=tailkits",[313,317,318],{"id":314,"title":315,"slug":316},420,"MDX Support","mdx-support",{"id":231,"title":232,"slug":233},{"id":75,"title":76,"slug":77},"Shadcn UI Templates & Page Layouts",[321],{"id":322,"title":323,"slug":324},441,"Template Library","template-library","https://www.shadcnblocks.com/templates/?via=tailkits","16+ Shadcn Templates","Ship your SaaS or landing page in minutes. Get premium, full-page Shadcn UI templates built with Tailwind CSS. Production-ready layouts for marketing, dashboards, and more.",[216,47,51,55],[314,231,75],[322],"content:templates:1766.json","templates/1766.json","templates/1766",{"_path":335,"_dir":25,"_draft":6,"_partial":6,"_locale":7,"id":336,"type":25,"title":163,"slug":164,"published_at":337,"order":142,"created_at":337,"updated_at":338,"faqs":339,"tags":352,"color":358,"cover":361,"images":362,"is_hot":71,"content":363,"is_paid":71,"demo_url":364,"features":365,"seo_title":368,"categories":369,"target_url":373,"description":374,"is_featured":71,"is_free_listing":6,"seo_description":375,"tags_ids":376,"features_ids":377,"categories_ids":378,"_id":379,"_type":19,"_source":20,"_file":380,"_stem":381,"_extension":19},"/templates/2178",2178,"2025-11-29 15:10:56","2026-03-11 20:21:58",[340,343,346,349],{"title":341,"content":342},"Does Metafi come for both Next.js and Astro?","Yes. You get a Next.js 15 version and an Astro 5 version with the same design system. ",{"title":344,"content":345},"Is a Figma design file included?","Yes, Metafi includes a Figma file so your design team can customize the system before coding. ",{"title":347,"content":348},"How many pages does Metafi include?","It ships with 10+ pages built from reusable sections, covering core marketing flows like landing and pricing. ",{"title":350,"content":351},"Who is Metafi best for?","Metafi is ideal for SaaS and product teams who want a premium marketing site and are comfortable working with shadcn/ui, Tailwind and TypeScript.",[353,354,355,356,357],{"id":216,"title":217,"slug":218},{"id":47,"title":48,"slug":49},{"id":51,"title":52,"slug":53},{"id":55,"title":56,"slug":57},{"id":59,"title":60,"slug":61},{"id":359,"title":360,"slug":360},33,"purple","/metafi-3.png",[],"\u003Cp>Metafi is a modern shadcn/ui + Tailwind template for polished SaaS and marketing sites, available for both Next.js 15 and Astro 5, with 100+ components, 10+ pages and a Figma file so you can launch a sophisticated site fast.\u003C/p>\u003Cp>\u003Cimg src=\"/metafi.png\" alt=\"Metafi; multi page marketing template built on shadcn/ui and Tailwind CSS 4\" title=\"Metafi shadcn/ui website template\" width=\"1440\" height=\"1080\" loading=\"lazy\">It’s aimed at teams who want a premium, Stripe like marketing site with strong typography, layered cards and dashboard previews, but still want full control over the codebase with TypeScript and MDX content.\u003C/p>\u003Ch2>\u003Cimg src=\"/metafi-2.png\" alt=\"Metafi shadcn/ui marketing template\" title=\"Metafi shadcn/ui template\" width=\"1440\" height=\"1080\" loading=\"lazy\">What Are the Features of Metafi? ✨\u003C/h2>\u003Cul>\u003Cli>\u003Cp>100+ shadcn/ui based components, styled for Tailwind 4\u003C/p>\u003C/li>\u003Cli>\u003Cp>10+ ready made pages for core marketing flows\u003C/p>\u003C/li>\u003Cli>\u003Cp>Next.js 15 and Astro editions included in one purchase\u003C/p>\u003C/li>\u003Cli>\u003Cp>Figma file so designers can tweak layouts and tokens\u003C/p>\u003C/li>\u003Cli>\u003Cp>All pages assembled from reusable block sections\u003C/p>\u003C/li>\u003Cli>\u003Cp>MDX + JSON content for flexible copy and data\u003C/p>\u003C/li>\u003Cli>\u003Cp>Responsive, mobile first design\u003C/p>\u003C/li>\u003Cli>\u003Cp>SEO + metadata setup for the Next.js version\u003C/p>\u003C/li>\u003C/ul>\u003Ch2>What Components Are Included With Metafi? 📒\u003C/h2>\u003Cul>\u003Cli>\u003Cp>\u003Cstrong>Pages:\u003C/strong> multi section landing, features, pricing, blog layouts and support style pages (built from blocks so you can remix them).\u003C/p>\u003C/li>\u003Cli>\u003Cp>\u003Cstrong>UI elements:\u003C/strong> cards, stats, logo grids, feature rows, CTAs, navbars and footers based on shadcn/ui.\u003C/p>\u003C/li>\u003Cli>\u003Cp>\u003Cstrong>Assets:\u003C/strong> full Figma file matching the production template, plus Markdown/MDX content structure for docs or articles.\u003C/p>\u003C/li>\u003C/ul>\u003Cp>Everything is block based, so you can drag in more hero, pricing or FAQ sections from the broader Shadcnblocks library when you need them.\u003C/p>\u003Chr>\u003Ch2>Pros and Cons\u003C/h2>\u003Ch3>Pros ✅\u003C/h3>\u003Cul>\u003Cli>\u003Cp>Modern, polished layout ideal for SaaS and fintech style marketing sites\u003C/p>\u003C/li>\u003Cli>\u003Cp>Both Next.js 15 and Astro 5 supported\u003C/p>\u003C/li>\u003Cli>\u003Cp>100+ components and 10+ pages out of the box\u003C/p>\u003C/li>\u003Cli>\u003Cp>Figma file included for fast brand customization\u003C/p>\u003C/li>\u003Cli>\u003Cp>Block based structure makes it easy to extend with other Shadcnblocks sections\u003C/p>\u003C/li>\u003C/ul>\u003Ch3>Cons ⚠️\u003C/h3>\u003Cul>\u003Cli>\u003Cp>Best suited to teams comfortable with shadcn/ui and Tailwind 4\u003C/p>\u003C/li>\u003Cli>\u003Cp>Content is MDX/JSON by default, so you’ll wire your own CMS if you want a GUI\u003C/p>\u003C/li>\u003Cli>\u003Cp>Styling leans toward sleek SaaS/fintech; very playful brands may want heavier visual tweaks\u003C/p>\u003C/li>\u003C/ul>\u003Chr>\u003Ch2>Integration\u003C/h2>\u003Cul>\u003Cli>\u003Cp>\u003Cstrong>Next.js 15 app router build\u003C/strong> with SEO and metadata helpers preconfigured\u003C/p>\u003C/li>\u003Cli>\u003Cp>\u003Cstrong>Astro 5 edition\u003C/strong> for content heavy or static first sites\u003C/p>\u003C/li>\u003Cli>\u003Cp>Tailwind 4 utilities and shadcn/ui components ready to match your existing design tokens\u003C/p>\u003C/li>\u003Cli>\u003Cp>MDX + JSON content that can be mapped to tools like Payload or Sanity via Shadcnblocks CMS addons\u003C/p>\u003C/li>\u003C/ul>","https://metafi-astro-template.vercel.app/?via=tailkits",[366,367],{"id":231,"title":232,"slug":233},{"id":75,"title":76,"slug":77},"Metafi SaaS Template for Next.js & Astro",[370,371,372],{"id":242,"title":243,"slug":244},{"id":249,"title":250,"slug":251},{"id":85,"title":86,"slug":87},"https://www.shadcnblocks.com/template/metafi?via=tailkits","shadcn/ui marketing starter kit","Build a clean, conversion focused SaaS landing with Metafi, a shadcn/ui and Tailwind template available for both Next.js and Astro projects. ",[216,47,51,55,59],[231,75],[242,249,85],"content:templates:2178.json","templates/2178.json","templates/2178",{"_path":383,"_dir":25,"_draft":6,"_partial":6,"_locale":7,"id":384,"type":25,"title":151,"slug":152,"published_at":385,"order":386,"created_at":385,"updated_at":387,"faqs":388,"tags":401,"color":406,"cover":407,"images":408,"is_hot":6,"content":409,"is_paid":71,"demo_url":410,"features":411,"seo_title":414,"categories":415,"target_url":419,"description":420,"is_featured":71,"seo_description":421,"tags_ids":422,"features_ids":423,"categories_ids":424,"_id":425,"_type":19,"_source":20,"_file":426,"_stem":427,"_extension":19},"/templates/2113",2113,"2025-08-28 20:56:38",12,"2025-09-11 12:08:34",[389,392,395,398],{"title":390,"content":391},"Does Plasma include a docs system?","Yes—docs are set up with Fumadocs, ready to write in MDX. ",{"title":393,"content":394},"Are both Next.js and Astro versions available?","Yes, it ships with Next.js 15 and Astro 5 editions. ",{"title":396,"content":397},"Is the design file included?","Yes, a Figma file is included with the template.",{"title":399,"content":400},"What pages are prebuilt?","Landing, pricing, docs, changelog, and a download page; plus MDX blog.",[402,403,404,405],{"id":216,"title":217,"slug":218},{"id":47,"title":48,"slug":49},{"id":51,"title":52,"slug":53},{"id":55,"title":56,"slug":57},{"id":359,"title":360,"slug":360},"/plasma.png",[],"\u003Ch2>What Is the Plasma Template?\u003C/h2>\u003Cp>\u003Cimg src=\"/plasma-4.png\" alt=\"Bento Card - Plasma Theme\" title=\"Bento Card - Plasma Theme\" width=\"1200\" height=\"744\" loading=\"lazy\">\u003C/p>\u003Cblockquote>\u003Cp>\u003Cstrong>Get 10% off Shadcnblocks! Use code \u003C/strong>\u003Ccode>TAILKITS10\u003C/code>\u003Cstrong> at checkout 🎉\u003C/strong>\u003C/p>\u003C/blockquote>\u003Cp>Plasma is a \u003Cstrong>developer-focused SaaS/app website template\u003C/strong> for \u003Cstrong>Next.js 15\u003C/strong> and \u003Cstrong>Astro 5\u003C/strong>, styled with \u003Cstrong>shadcn/ui\u003C/strong> and \u003Cstrong>Tailwind 4\u003C/strong>. It ships with key pages out of the box—\u003Cstrong>landing, pricing, docs, changelog, and download\u003C/strong>—plus a \u003Cstrong>Figma file\u003C/strong>, \u003Cstrong>MDX content\u003C/strong>, and a block-based layout so you can drop in more sections easily.\u003C/p>\u003Ch2>Features ✨\u003C/h2>\u003Cp>\u003Cimg src=\"/plasma-2.png\" alt=\"Plasma Template - Download CTA\" title=\"Plasma Template - Download CTA\" width=\"1080\" height=\"810\" loading=\"lazy\">\u003C/p>\u003Cul>\u003Cli>\u003Cp>100+ components organized into reusable sections\u003C/p>\u003C/li>\u003Cli>\u003Cp>10+ ready pages (landing, pricing, docs, changelog, download, more)\u003C/p>\u003C/li>\u003Cli>\u003Cp>Next.js 15 and Astro 5 editions included\u003C/p>\u003C/li>\u003Cli>\u003Cp>Built on shadcn/ui + Tailwind CSS v4 (TypeScript, Markdown/MDX)\u003C/p>\u003C/li>\u003Cli>\u003Cp>Docs scaffolded with \u003Cstrong>Fumadocs\u003C/strong>; blog/changelog via MDX\u003C/p>\u003C/li>\u003Cli>\u003Cp>SEO/meta setup for Next.js, mobile-first responsive design\u003C/p>\u003C/li>\u003Cli>\u003Cp>Extend quickly with Shadcnblocks’ ~780+ block library\u003C/p>\u003C/li>\u003C/ul>\u003Ch2>Included Components 📒\u003C/h2>\u003Cul>\u003Cli>\u003Cp>\u003Cstrong>Pages:\u003C/strong> Landing, Pricing, Docs, Changelog, Download, Blog (MDX)\u003C/p>\u003C/li>\u003Cli>\u003Cp>\u003Cstrong>UI elements:\u003C/strong> shadcn/ui components styled for Tailwind 4\u003C/p>\u003C/li>\u003Cli>\u003Cp>\u003Cstrong>Assets:\u003C/strong> Figma file with the full design system\u003C/p>\u003C/li>\u003C/ul>\u003Cp>\u003Cimg src=\"/plasma-3.png\" alt=\"Dark Mode Changelog UI\" title=\"Plasma Theme - Dark Mode Changelog UI\" width=\"1080\" height=\"810\" loading=\"lazy\">\u003C/p>\u003Ch2>Pros and Cons\u003C/h2>\u003Ch3>Pros ✅\u003C/h3>\u003Cul>\u003Cli>\u003Cp>Two builds (Next.js 15 + Astro 5) for flexible stacks\u003C/p>\u003C/li>\u003Cli>\u003Cp>Real docs/changelog scaffolding out of the box (Fumadocs + MDX)\u003C/p>\u003C/li>\u003Cli>\u003Cp>100+ components, easy to expand with Shadcnblocks library\u003C/p>\u003C/li>\u003Cli>\u003Cp>Figma included for faster brand customization\u003C/p>\u003C/li>\u003C/ul>\u003Ch3>Cons ⚠️\u003C/h3>\u003Cul>\u003Cli>\u003Cp>Content is \u003Cstrong>MDX/JSON\u003C/strong> by default—great for devs, but no CMS baked in\u003C/p>\u003C/li>\u003Cli>\u003Cp>Assumes comfort with \u003Cstrong>shadcn/ui\u003C/strong> and \u003Cstrong>Tailwind 4\u003C/strong> conventions\u003C/p>\u003C/li>\u003C/ul>\u003Ch2>Integration\u003C/h2>\u003Cul>\u003Cli>\u003Cp>\u003Cstrong>Next.js 15 app\u003C/strong> with SEO/meta helpers\u003C/p>\u003C/li>\u003Cli>\u003Cp>\u003Cstrong>Astro 5\u003C/strong> edition for content-first sites\u003C/p>\u003C/li>\u003Cli>\u003Cp>\u003Cstrong>MDX\u003C/strong> for blog/changelog; \u003Cstrong>Fumadocs\u003C/strong> for docs\u003C/p>\u003C/li>\u003Cli>\u003Cp>\u003Cstrong>Tailwind 4 + shadcn/ui\u003C/strong> components, fully responsive\u003C/p>\u003C/li>\u003Cli>\u003Cp>Expand sections using \u003Cstrong>Shadcnblocks\u003C/strong> block library (~780+ blocks)\u003C/p>\u003C/li>\u003C/ul>","https://plasma-astro-template.vercel.app?via=tailkits",[412,413],{"id":231,"title":232,"slug":233},{"id":75,"title":76,"slug":77},"Plasma Template | Next.js & Astro SaaS UI (shadcn/ui)",[416,417,418],{"id":246,"title":236,"slug":237},{"id":249,"title":250,"slug":251},{"id":85,"title":86,"slug":87},"https://www.shadcnblocks.com/template/plasma?via=tailkits","Developer SaaS template for Next.js 15 & Astro 5","Developer SaaS template with landing, pricing, docs, changelog and download pages. Built on shadcn/ui + Tailwind. For Next.js 15 and Astro 5. Figma included. ",[216,47,51,55],[231,75],[246,249,85],"content:templates:2113.json","templates/2113.json","templates/2113",{"_path":429,"_dir":25,"_draft":6,"_partial":6,"_locale":7,"id":430,"type":25,"title":139,"slug":140,"published_at":431,"order":298,"created_at":431,"updated_at":432,"faqs":433,"tags":446,"color":452,"cover":455,"images":456,"is_hot":71,"content":457,"is_paid":71,"demo_url":458,"features":459,"seo_title":462,"categories":463,"target_url":458,"description":467,"is_featured":71,"seo_description":468,"tags_ids":469,"features_ids":470,"categories_ids":471,"_id":472,"_type":19,"_source":20,"_file":473,"_stem":474,"_extension":19},"/templates/2171",2171,"2025-10-30 01:27:20","2025-10-30 20:43:32",[434,437,440,443],{"title":435,"content":436},"Is Lumen beginner-friendly?","Yes, sections are block-based, so you can rearrange and ship quickly without designing from scratch.",{"title":438,"content":439},"Does it include dark mode and responsive layouts?","Yes, layouts are mobile-first and styled with Tailwind; dark mode patterns are straightforward with shadcn/ui.",{"title":441,"content":442},"Can I use it with either Next.js or Astro?","Yes, there are separate editions for Next.js 15 and Astro.",{"title":444,"content":445},"What files help with customization?","A Figma file is included for design changes, plus MDX/JSON data to edit content easily.",[447,448,449,450,451],{"id":216,"title":217,"slug":218},{"id":47,"title":48,"slug":49},{"id":51,"title":52,"slug":53},{"id":55,"title":56,"slug":57},{"id":59,"title":60,"slug":61},{"id":453,"title":454,"slug":454},35,"pink","/lumen-2.png",[],"\u003Cdiv data-native-video=\"true\" class=\"responsive\">\u003Cvideo autoplay=\"true\" loop=\"true\" src=\"https://ik.imagekit.io/landingpagefyi/Tailkits/lumen-theme_a2CBbcWyZ.mp4?updatedAt=1761787975322\" width=\"1600\" height=\"900\">\u003C/video>\u003C/div>\u003Cp>\u003Cstrong>Lumen\u003C/strong> is a modern landing-page template for \u003Cstrong>Next.js 15\u003C/strong> and \u003Cstrong>Astro\u003C/strong>, built on \u003Cstrong>shadcn/ui\u003C/strong> + \u003Cstrong>Tailwind 4\u003C/strong>. It ships with \u003Cstrong>10+ pages\u003C/strong>, \u003Cstrong>100+ components\u003C/strong>, \u003Cstrong>SEO-ready metadata\u003C/strong>, and a \u003Cstrong>Figma file \u003C/strong>so you can launch a polished marketing site fast.\u003C/p>\u003Cul>\u003Cli>\u003Cp>\u003Cstrong>Price:\u003C/strong> $79.\u003C/p>\u003C/li>\u003Cli>\u003Cp>\u003Cstrong>Version:\u003C/strong> 1.0.0.\u003C/p>\u003C/li>\u003Cli>\u003Cp>\u003Cstrong>Last updated:\u003C/strong> Oct 28, 2025\u003C/p>\u003C/li>\u003C/ul>\u003Ch2>What Is the Lumen Template?\u003C/h2>\u003Cp>\u003Cimg src=\"/lumen.png\" alt=\"Lumen Shadcn UI Template - Pricing Section\" title=\"Lumen Template - Pricing Section\" width=\"1440\" height=\"1080\" loading=\"lazy\">\u003C/p>\u003Cp>Lumen is a \u003Cstrong>landing-page template\u003C/strong> built with \u003Cstrong>shadcn/ui\u003C/strong> and \u003Cstrong>Tailwind 4\u003C/strong>, available for \u003Cstrong>Next.js 15\u003C/strong> and \u003Cstrong>Astro\u003C/strong>. It includes \u003Cstrong>10+ pages\u003C/strong>, \u003Cstrong>100+ components\u003C/strong>, SEO metadata, and a \u003Cstrong>Figma\u003C/strong> file to speed up customization. \u003Cstrong>Version 1.0.0\u003C/strong>, last updated \u003Cstrong>Oct 28, 2025\u003C/strong>. \u003Cstrong>Price:\u003C/strong> \u003Cstrong>$79\u003C/strong>.\u003C/p>\u003Cp>\u003Cstrong>Key stats:\u003C/strong> \u003Cstrong>100+ components\u003C/strong>, \u003Cstrong>10+ pages\u003C/strong>, \u003Cstrong>Next.js 15 & Astro\u003C/strong>, \u003Cstrong>Tailwind 4\u003C/strong>, \u003Cstrong>Figma included\u003C/strong>, \u003Cstrong>SEO-ready\u003C/strong>.\u003C/p>\u003Cp>\u003Cstrong>Definition:\u003C/strong> \u003Cem>MDX\u003C/em> — Markdown + JSX; lets you write content with components. \u003Cstrong>SEO metadata\u003C/strong> — head tags (title/description & Open Graph) preconfigured for search and social sharing.\u003C/p>\u003Cp>\u003Cimg src=\"/lumen-3.png\" alt=\"Lumen shadcn/ui Theme - About Us Page\" title=\"About Us Page from Lumen shadcn/ui Theme\" width=\"1440\" height=\"1080\" loading=\"lazy\">\u003C/p>\u003Ch2>What Features Does Lumen Include?\u003C/h2>\u003Cp>\u003C/p>\u003Cp>You get the essentials to launch a polished marketing site quickly. In short: \u003Cstrong>component density\u003C/strong>, \u003Cstrong>prebuilt pages\u003C/strong>, and \u003Cstrong>clean, responsive UI\u003C/strong> built on \u003Cstrong>shadcn/ui\u003C/strong> + \u003Cstrong>Tailwind 4\u003C/strong>.\u003C/p>\u003Ch3>Features ✨\u003C/h3>\u003Cul>\u003Cli>\u003Cp>\u003Cstrong>100+ components\u003C/strong> crafted with shadcn/ui + Tailwind 4\u003C/p>\u003C/li>\u003Cli>\u003Cp>\u003Cstrong>10+ pages\u003C/strong> covering core marketing flows\u003C/p>\u003C/li>\u003Cli>\u003Cp>\u003Cstrong>Next.js 15 & Astro\u003C/strong> editions for your preferred stack\u003C/p>\u003C/li>\u003Cli>\u003Cp>\u003Cstrong>Figma file\u003C/strong> for rapid design edits\u003C/p>\u003C/li>\u003Cli>\u003Cp>\u003Cstrong>SEO & metadata\u003C/strong> preconfigured\u003C/p>\u003C/li>\u003Cli>\u003Cp>\u003Cstrong>Responsive\u003C/strong>, mobile-first layouts\u003C/p>\u003C/li>\u003Cli>\u003Cp>\u003Cstrong>MDX & JSON data\u003C/strong> support for content workflows\u003C/p>\u003C/li>\u003C/ul>\u003Ch2>What’s Included Out of the Box?\u003C/h2>\u003Cp>You get a complete landing experience: hero, features, pricing, testimonials, and more—structured as \u003Cstrong>block sections\u003C/strong> so you can swap or add sections from the Shadcnblocks library.\u003C/p>\u003Ch3>Included Components 📒\u003C/h3>\u003Cul>\u003Cli>\u003Cp>\u003Cstrong>Pages:\u003C/strong> Home/landing, Features, Pricing, Testimonials, About, Blog/Posts, Contact, Auth, Changelog, Careers (and more)\u003C/p>\u003C/li>\u003Cli>\u003Cp>\u003Cstrong>Sections:\u003C/strong> Hero, Feature grids, Logos, FAQs, CTA, Stats, Gallery, Navbar/Footer, etc.\u003C/p>\u003C/li>\u003Cli>\u003Cp>\u003Cstrong>Design assets:\u003C/strong> \u003Cstrong>Figma\u003C/strong> source for brand fit & quick tweaks\u003C/p>\u003C/li>\u003Cli>\u003Cp>\u003Cstrong>Content:\u003C/strong> \u003Cstrong>MDX + JSON\u003C/strong> data wiring for posts/sections\u003C/p>\u003C/li>\u003C/ul>\u003Ch2>What Are the Pros and Cons?\u003C/h2>\u003Ch3>Pros ✅\u003C/h3>\u003Cul>\u003Cli>\u003Cp>\u003Cstrong>Fast launch\u003C/strong>: 10+ ready pages + 100+ components\u003C/p>\u003C/li>\u003Cli>\u003Cp>\u003Cstrong>Two stacks\u003C/strong>: \u003Cstrong>Next.js 15\u003C/strong> or \u003Cstrong>Astro\u003C/strong>—choose your build model\u003C/p>\u003C/li>\u003Cli>\u003Cp>\u003Cstrong>Design handoff\u003C/strong>: \u003Cstrong>Figma\u003C/strong> included\u003C/p>\u003C/li>\u003Cli>\u003Cp>\u003Cstrong>SEO-ready\u003C/strong>: sensible metadata defaults\u003C/p>\u003C/li>\u003Cli>\u003Cp>\u003Cstrong>Extendable\u003C/strong>: block-based sections; drop in more from the library\u003C/p>\u003C/li>\u003C/ul>\u003Ch3>Cons ⚠️\u003C/h3>\u003Cul>\u003Cli>\u003Cp>\u003Cstrong>Not a site builder\u003C/strong>: you still work in code (by design)\u003C/p>\u003C/li>\u003Cli>\u003Cp>\u003Cstrong>Marketing focus\u003C/strong>: if you need complex app UI/dashboards, you’ll add more blocks later (common in this niche).\u003C/p>\u003C/li>\u003C/ul>\u003Ch2>How Does Lumen Integrate With Your Stack?\u003C/h2>\u003Cp>Lumen targets modern, component-driven workflows and plays nicely with popular toolchains.\u003C/p>\u003Ch3>Integration (in bullet points)\u003C/h3>\u003Cul>\u003Cli>\u003Cp>\u003Cstrong>Next.js 15\u003C/strong> project setup (Routing, Metadata, etc.)\u003C/p>\u003C/li>\u003Cli>\u003Cp>\u003Cstrong>Astro\u003C/strong> islands for fast marketing pages\u003C/p>\u003C/li>\u003Cli>\u003Cp>\u003Cstrong>Tailwind 4\u003C/strong> utility-first styling\u003C/p>\u003C/li>\u003Cli>\u003Cp>\u003Cstrong>shadcn/ui\u003C/strong> primitives + accessible patterns\u003C/p>\u003C/li>\u003Cli>\u003Cp>\u003Cstrong>MDX\u003C/strong> for docs/blog content flows\u003C/p>\u003C/li>\u003Cli>\u003Cp>\u003Cstrong>Figma\u003C/strong> → dev handoff for brand customization\u003C/p>\u003C/li>\u003C/ul>","https://www.shadcnblocks.com/template/lumen?via=tailkits",[460,461],{"id":231,"title":232,"slug":233},{"id":75,"title":76,"slug":77},"Lumen - shadcn/ui + Tailwind 4 Landing Page Template",[464,465,466],{"id":242,"title":243,"slug":244},{"id":249,"title":250,"slug":251},{"id":85,"title":86,"slug":87},"10+ pages, 100+ comps, SEO-ready, Figma included","Launch a modern marketing site fast with Lumen—10+ pages, 100+ components, shadcn/ui + Tailwind 4, SEO-ready, Figma included. For Next.js and Astro. ",[216,47,51,55,59],[231,75],[242,249,85],"content:templates:2171.json","templates/2171.json","templates/2171",{"_path":476,"_dir":477,"_draft":6,"_partial":6,"_locale":7,"id":478,"type":477,"title":479,"slug":480,"published_at":481,"order":12,"created_at":481,"updated_at":482,"color":483,"cover":486,"is_hot":71,"is_enabled":71,"target_url":487,"button_text":488,"large_badge_text":489,"small_badge_text":490,"large_description":491,"small_description":492,"_id":493,"_type":19,"_source":20,"_file":494,"_stem":495,"_extension":19},"/elite_banner/2121","elite_banner",2121,"Tailkits UI","tailkits-ui","2025-08-31 20:31:36","2026-03-06 19:28:43",{"id":484,"title":485,"slug":485},39,"fuchsia","/tailkits-ui-hero-alt-4.png","https://tailkits.com/ui?ref=elite","Add to Cursor / Claude →","Built for MCP","NEW","Force your AI to use a professional design system. Build brand-matched, consistent UIs with 200+ vetted components.","Consistent UI, zero hallucinations","content:elite_banner:2121.json","elite_banner/2121.json","elite_banner/2121",{"_path":497,"_dir":498,"_draft":6,"_partial":6,"_locale":7,"id":499,"type":498,"title":500,"slug":498,"published_at":501,"order":12,"created_at":501,"updated_at":502,"faqs":503,"seo_content":522,"featured_title":523,"page_seo_title":524,"page_hero_title":525,"featured_description":526,"page_seo_description":527,"_id":528,"_type":19,"_source":20,"_file":529,"_stem":530,"_extension":19},"/templates-static-texts/1509","templates-static-texts",1509,"Templates Static Texts","2024-05-29 01:38:54","2026-03-17 12:04:08",[504,507,510,513,516,519],{"title":505,"content":506},"Do these templates support Tailwind CSS v4?","Yes, our newest additions are updated to support the Tailwind CSS v4 engine, offering faster build times and native CSS variable support for easier theming.",{"title":508,"content":509},"What is the difference between a Template and a UI Kit?","A Tailwind Template is a complete, multi-page website structure (e.g., a full SaaS dashboard with settings, login, and analytics pages). A UI Kit is a library of individual components (buttons, navbars, cards) that you assemble yourself. We offer products that combine both for maximum flexibility.",{"title":511,"content":512},"Q: Which framework is best for SEO: Next.js or Astro? ","Both are excellent, but they serve different needs. Next.js templates are ideal for dynamic applications (like dashboards) where content changes based on user data. Astro templates are superior for static content sites (like landing pages and blogs) because they ship less code to the browser, resulting in faster load times.",{"title":514,"content":515},"Where can I find Tailwind CSS templates?","You can find a wide variety of Tailwind CSS templates at Tailkits, where we offer over 250 free and premium options ranging from landing pages to admin dashboards.",{"title":517,"content":518},"Can I use these templates for commercial client projects? ","Yes. Most premium templates come with an \"Unlimited Use\" or \"Commercial\" license that allows you to build websites for clients. Open-source templates in our directory usually operate under the MIT license, which also permits commercial use. Always check the specific license on the download page.",{"title":520,"content":521},"Do the templates include Figma files? ","Most of our premium templates include the source Figma design files. This allows designers to customize the look and feel (colors, typography, spacing) before developers start writing code, ensuring a smoother handoff.","\u003Ch2>Build Faster with Modern Tailwind CSS Templates\u003C/h2>\u003Cp>Stop building from scratch. Our directory curates the most advanced \u003Cstrong>Tailwind CSS templates\u003C/strong> and \u003Cstrong>UI kits\u003C/strong> designed for modern web architecture. Whether you are shipping a high-performance marketing site or a complex admin panel, our resources are optimized for \u003Ca href=\"https://tailkits.com/templates/tags/nextjs/\" data-as-button=\"false\">\u003Cstrong>Next.js 15\u003C/strong>\u003C/a>, \u003Ca href=\"https://tailkits.com/templates/tags/react/\">\u003Cstrong>React 19\u003C/strong>\u003C/a>, and \u003Ca href=\"https://tailkits.com/templates/tags/astro/\" data-as-button=\"false\">\u003Cstrong>Astro 5\u003C/strong>\u003C/a>.\u003C/p>\u003Ch3>Production-Ready Admin Dashboards & SaaS Kits\u003C/h3>\u003Cp>For developers building internal tools or \u003Ca href=\"https://tailkits.com/templates/categories/saas/\">SaaS\u003C/a> platforms, a robust starting point is essential. Our \u003Ca href=\"https://tailkits.com/templates/categories/dashboard/\">\u003Cstrong>dashboard templates\u003C/strong>\u003C/a> come pre-integrated with essential features like authentication, data tables, and chart libraries.\u003C/p>\u003Cul>\u003Cli>\u003Cp>\u003Cstrong>Tech Stack:\u003C/strong> We prioritize templates built on \u003Ca href=\"https://tailkits.com/templates/tags/nextjs/\">\u003Cstrong>Next.js\u003C/strong>\u003C/a>\u003Cstrong> App Router\u003C/strong> and \u003Ca href=\"https://tailkits.com/templates/tags/shadcnui/\">\u003Cstrong>Shadcn UI\u003C/strong>\u003C/a> for maximum scalability.\u003C/p>\u003C/li>\u003Cli>\u003Cp>\u003Cstrong>Key Features:\u003C/strong> Look for kits that include dark mode native support, multi-language (i18n) routing, and pre-built apps like Kanban boards and chat interfaces.\u003C/p>\u003C/li>\u003Cli>\u003Cp>\u003Cstrong>Enterprise Grade:\u003C/strong> Premium options often include \u003Cstrong>Figma design files\u003C/strong>, allowing designers and developers to stay perfectly synced during the build process.\u003C/p>\u003C/li>\u003C/ul>\u003Ch3>High-Performance Landing Pages & Marketing Sites\u003C/h3>\u003Cp>Speed is a ranking factor. Our collection of \u003Ca href=\"https://tailkits.com/templates/categories/landing-page/\">\u003Cstrong>landing page templates\u003C/strong>\u003C/a> utilizes the latest \u003Ca href=\"https://tailkits.com/templates/tags/astro/\" data-as-button=\"false\">\u003Cstrong>Astro 5\u003C/strong>\u003C/a> architecture to ship zero JavaScript by default, ensuring perfect Core Web Vitals scores.\u003C/p>\u003Cul>\u003Cli>\u003Cp>\u003Cstrong>Conversion Focused:\u003C/strong> Designs include pre-built pricing tables, hero sections, and testimonial grids optimized for CTR.\u003C/p>\u003C/li>\u003Cli>\u003Cp>\u003Cstrong>Modern Aesthetics:\u003C/strong> From "Stripe-like" corporate gradients to brutalist neobrutalism styles, find a design language that fits your brand.\u003C/p>\u003C/li>\u003C/ul>\u003Ch3>E-Commerce & Content Platforms\u003C/h3>\u003Cp>Launch your store or publication faster. Our \u003Ca class=\"ng-star-inserted\" href=\"https://tailkits.com/templates/categories/e-commerce/\" target=\"_blank\" rel=\"noopener\" data-as-button=\"false\">\u003Cstrong>E-Commerce UI Kits\u003C/strong>\u003C/a> provide accessible, responsive shopping cart flows and product grids. For content creators, our \u003Ca href=\"https://tailkits.com/templates/categories/blog/\">blog templates\u003C/a> leverage MDX (Markdown + JSX), making it easy to manage content without a heavy CMS.\u003C/p>\u003Ch3>Free vs. Premium: What Should You Choose?\u003C/h3>\u003Cp>We offer a wide range of \u003Cstrong>free Tailwind templates\u003C/strong> for prototyping, students, and hobbyists. However, for commercial projects, our premium templates provide:\u003C/p>\u003Col start=\"1\">\u003Cli>\u003Cp>\u003Cstrong>Lifetime Updates:\u003C/strong> Stay compatible with Tailwind v4 and React 19.\u003C/p>\u003C/li>\u003Cli>\u003Cp>\u003Cstrong>Official Support:\u003C/strong> Direct access to developers for bug fixes.\u003C/p>\u003C/li>\u003Cli>\u003Cp>\u003Cstrong>Legal Safety:\u003C/strong> Commercial licenses that cover client work and SaaS usage.\u003C/p>\u003C/li>\u003C/ol>"," Featured Tailwind Templates","Tailwind Templates: 280+ Free & Premium UI Kits (Next.js, React, Astro)","Tailwind Templates & UI Kits","The best Tailwind templates & UI kits for landing pages & dashboards.","Browse 280+ Tailwind CSS templates for landing pages, SaaS and admin. Live previews, filters for Next.js, React, Astro and HTML.","content:templates-static-texts:1509.json","templates-static-texts/1509.json","templates-static-texts/1509",1786024554946]