[{"data":1,"prerenderedAt":556},["ShallowReactive",2],{"announcement-bar":3,"templates-product-cruip":23,"detail_popular_product_refs":129,"popular-product-2074":227,"popular-product-2113":299,"popular-product-1766":347,"popular-product-2171":406,"popular-product-2178":454,"elite_banner_detail":500,"templates-static-texts":521},{"_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":30,"created_at":29,"updated_at":31,"faqs":32,"tags":49,"color":70,"cover":73,"images":74,"is_hot":6,"content":78,"is_paid":79,"demo_url":80,"features":81,"seo_title":114,"categories":115,"target_url":120,"description":121,"is_featured":6,"is_free_listing":6,"seo_description":122,"tags_ids":123,"features_ids":124,"categories_ids":125,"_id":126,"_type":19,"_source":20,"_file":127,"_stem":128,"_extension":19},"/templates/1187","templates",1187,"Cruip","cruip","2023-06-02 17:42:21",37,"2026-03-02 19:52:04",[33,37,41,45],{"title":34,"content":35,"id":36},"Who is Cruip for?","Cruip templates are great for people who have basic knowledge of HTML and CSS and want to create web applications and landing pages on top of Tailwind CSS.","who-is-cruip-for",{"title":38,"content":39,"id":40},"What does \"unlimited access\" mean?","Unlike other marketplaces, you don't have to buy a new license every time you want to use a template on a new project. As long as you are within the limits of the license, you can build as many sites as you want without having to pay for another license.","what-does-unlimited-access-mean",{"title":42,"content":43,"id":44},"How often Cruip releases new templates?","The Cruip team does not have a fixed schedule, but the latest template (DevFolio) was published on the 11th of April 2024.","how-often-cruip-releases-new-templates",{"title":46,"content":47,"id":48},"Can I use the templates for commercial projects?","Yes! Your license grants you the right to build as many commercial projects as you like, for yourself or your clients.","can-i-use-the-templates-for-commercial-projects",[50,54,58,62,66],{"id":51,"title":52,"slug":53},453,"Nextjs","nextjs",{"id":55,"title":56,"slug":57},445,"Vue","vue",{"id":59,"title":60,"slug":61},447,"React","react",{"id":63,"title":64,"slug":65},449,"Alpine.js","alpinejs",{"id":67,"title":68,"slug":69},443,"HTML","html",{"id":71,"title":72,"slug":72},32,"indigo","/cruip-tailwind-library-2.png",[75,77],{"image":76},"/cruip-unlimited-access.png",{"image":73},"\u003Ch2>Introduction\u003C/h2>\u003Cp>20+ Tailwind CSS React and HTML templates to build modern websites. Get ahead with well-documented Cruip Unlimited Access with lifetime access to new templates and included Figma design files.\u003C/p>\u003Ch2>Features\u003C/h2>\u003Cp>Cruip Unlimited Access offers the following features:\u003C/p>\u003Col>\u003Cli>\u003Cp>15+ templates in HTML, React, Next.js, and Vue on top of Tailwind CSS\u003C/p>\u003C/li>\u003Cli>\u003Cp>Included Figma File for each template\u003C/p>\u003C/li>\u003Cli>\u003Cp>Marketing UI components\u003C/p>\u003C/li>\u003Cli>\u003Cp>Admin & Dashboard UI component library included\u003C/p>\u003C/li>\u003C/ol>\u003Ch2>Included Templates\u003C/h2>\u003Cp>Cruip Unlimited Access is good for building a simple landing page, a multipage website, or a complex dashboard, our unlimited access gives you all the resources you need to create beautiful user interfaces.\u003C/p>\u003Ch3>Web App (Admin & Directory) UI Templates\u003C/h3>\u003Cul>\u003Cli>\u003Cp>\u003Ca href=\"https://tailkits.com/templates/mosaic-admin-template/\">Mosaic\u003C/a>\u003C/p>\u003C/li>\u003Cli>\u003Cp>\u003Ca href=\"https://tailkits.com/templates/jobboard-template/\">JobBoard\u003C/a>\u003C/p>\u003C/li>\u003Cli>\u003Cp>\u003Ca href=\"https://tailkits.com/templates/creative-template/\">Creative\u003C/a>\u003C/p>\u003C/li>\u003Cli>\u003Cp>\u003Ca href=\"https://tailkits.com/templates/podcast-landing-page-template/\">Podcast\u003C/a>\u003C/p>\u003C/li>\u003Cli>\u003Cp>\u003Ca href=\"https://tailkits.com/templates/docs-documentation-template/\">Docs\u003C/a>\u003C/p>\u003C/li>\u003Cli>\u003Cp>\u003Ca href=\"https://tailkits.com/templates/community-forum-template/\">Community\u003C/a>\u003C/p>\u003C/li>\u003C/ul>\u003Ch3>Marketing (Landing Page) UI Templates\u003C/h3>\u003Cul>\u003Cli>\u003Cp>\u003Ca href=\"https://tailkits.com/templates/open-pro-template/\">Open PRO\u003C/a>\u003C/p>\u003C/li>\u003Cli>\u003Cp>\u003Ca href=\"https://tailkits.com/templates/fintech-landing-page-template/\">FinTech\u003C/a>\u003C/p>\u003C/li>\u003Cli>\u003Cp>\u003Ca href=\"https://tailkits.com/templates/simple-website-template/\">Simple\u003C/a>\u003C/p>\u003C/li>\u003Cli>\u003Cp>\u003Ca href=\"https://tailkits.com/templates/neon-template/\">Neon\u003C/a>\u003C/p>\u003C/li>\u003Cli>\u003Cp>\u003Ca href=\"https://tailkits.com/templates/cube-template/\">Cube\u003C/a>\u003C/p>\u003C/li>\u003Cli>\u003Cp>\u003Ca href=\"https://tailkits.com/templates/tidy-template/\">Tidy\u003C/a>\u003C/p>\u003C/li>\u003Cli>\u003Cp>\u003Ca href=\"https://tailkits.com/templates/appy-template/\">Appy\u003C/a>\u003C/p>\u003C/li>\u003Cli>\u003Cp>\u003Ca href=\"https://tailkits.com/templates/talent-landing-page-template/\">Talent\u003C/a>\u003C/p>\u003C/li>\u003Cli>\u003Cp>\u003Ca href=\"https://tailkits.com/templates/devspace-personal-blog-template/\">DevSpace\u003C/a>\u003C/p>\u003C/li>\u003C/ul>\u003Ch2>Pros and Cons\u003C/h2>\u003Ch3>Pros ✅\u003C/h3>\u003Col>\u003Cli>\u003Cp>Pre-built admin and landing page UI templates\u003C/p>\u003C/li>\u003Cli>\u003Cp>Alpine.js works great with pre-built templates\u003C/p>\u003C/li>\u003Cli>\u003Cp>You can get a really clean code out of the box\u003C/p>\u003C/li>\u003Cli>\u003Cp>Simple documentation\u003C/p>\u003C/li>\u003Cli>\u003Cp>Comes with Figma design system\u003C/p>\u003C/li>\u003C/ol>\u003Ch3>Cons ⛔️\u003C/h3>\u003Col>\u003Cli>\u003Cp>You should not expect new templates every month.\u003C/p>\u003C/li>\u003C/ol>",true,"https://preview.cruip.com/stellar/?ref=tailkits",[82,86,90,94,98,102,106,110],{"id":83,"title":84,"slug":85},418,"Custom Color Palette","custom-color-palette",{"id":87,"title":88,"slug":89},420,"MDX Support","mdx-support",{"id":91,"title":92,"slug":93},405,"Figma File","figma-file",{"id":95,"title":96,"slug":97},409,"JavaScript Plugin","javascript-plugin",{"id":99,"title":100,"slug":101},419,"Documentation","documentation",{"id":103,"title":104,"slug":105},411,"Dark Mode","dark-mode",{"id":107,"title":108,"slug":109},404,"Responsive Design","responsive-design",{"id":111,"title":112,"slug":113},1720,"Tailwind CSS v4","tailwind-css-v4","Cruip Templates - Tailwind CSS Bundle for React and HTML",[116],{"id":117,"title":118,"slug":119},441,"Template Library","template-library","https://cruip.com/?ref=tailkits","20 beautifully designed Tailwind CSS templates","Get 20+ Tailwind CSS templates from Cruip covering landing pages, dashboards, and more. Available in React, Next.js, Vue, and HTML with Figma files included.",[51,55,59,63,67],[83,87,91,95,99,103,107,111],[117],"content:templates:1187.json","templates/1187.json","templates/1187",[130,144,156,168,180,192,204,216],{"_path":131,"_dir":132,"_draft":6,"_partial":6,"_locale":7,"id":133,"type":132,"title":134,"slug":135,"published_at":136,"order":137,"created_at":136,"updated_at":138,"product_id":139,"is_shuffled":79,"collection_type":140,"_id":141,"_type":19,"_source":20,"_file":142,"_stem":143,"_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":145,"_dir":132,"_draft":6,"_partial":6,"_locale":7,"id":146,"type":132,"title":147,"slug":148,"published_at":149,"order":150,"created_at":149,"updated_at":151,"product_id":152,"is_shuffled":79,"collection_type":25,"_id":153,"_type":19,"_source":20,"_file":154,"_stem":155,"_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":157,"_dir":132,"_draft":6,"_partial":6,"_locale":7,"id":158,"type":132,"title":159,"slug":160,"published_at":161,"order":162,"created_at":161,"updated_at":163,"product_id":164,"is_shuffled":6,"collection_type":25,"_id":165,"_type":19,"_source":20,"_file":166,"_stem":167,"_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":169,"_dir":132,"_draft":6,"_partial":6,"_locale":7,"id":170,"type":132,"title":171,"slug":172,"published_at":173,"order":174,"created_at":173,"updated_at":175,"product_id":176,"is_shuffled":6,"collection_type":25,"_id":177,"_type":19,"_source":20,"_file":178,"_stem":179,"_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":181,"_dir":132,"_draft":6,"_partial":6,"_locale":7,"id":182,"type":132,"title":183,"slug":184,"published_at":185,"order":186,"created_at":185,"updated_at":187,"product_id":188,"is_shuffled":79,"collection_type":25,"_id":189,"_type":19,"_source":20,"_file":190,"_stem":191,"_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":193,"_dir":132,"_draft":6,"_partial":6,"_locale":7,"id":194,"type":132,"title":195,"slug":196,"published_at":197,"order":198,"created_at":197,"updated_at":199,"product_id":200,"is_shuffled":6,"collection_type":25,"_id":201,"_type":19,"_source":20,"_file":202,"_stem":203,"_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":205,"_dir":132,"_draft":6,"_partial":6,"_locale":7,"id":206,"type":132,"title":207,"slug":208,"published_at":209,"order":210,"created_at":209,"updated_at":211,"product_id":212,"is_shuffled":6,"collection_type":25,"_id":213,"_type":19,"_source":20,"_file":214,"_stem":215,"_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":217,"_dir":132,"_draft":6,"_partial":6,"_locale":7,"id":218,"type":132,"title":219,"slug":220,"published_at":221,"order":12,"created_at":221,"updated_at":222,"product_id":223,"is_shuffled":6,"collection_type":25,"_id":224,"_type":19,"_source":20,"_file":225,"_stem":226,"_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":228,"_dir":25,"_draft":6,"_partial":6,"_locale":7,"id":229,"type":25,"title":219,"slug":220,"published_at":230,"order":137,"created_at":230,"updated_at":231,"faqs":232,"tags":245,"color":256,"cover":258,"images":259,"is_hot":79,"content":260,"is_paid":79,"demo_url":261,"features":262,"seo_title":266,"categories":267,"target_url":290,"description":291,"is_featured":79,"is_free_listing":6,"seo_description":292,"tags_ids":293,"features_ids":294,"categories_ids":295,"_id":296,"_type":19,"_source":20,"_file":297,"_stem":298,"_extension":19},"/templates/2074",2074,"2025-08-07 13:20:45","2026-03-11 20:21:39",[233,236,239,242],{"title":234,"content":235},"How many pages come pre-built?","Aspect ships with 10 + ready-to-use pages. ",{"title":237,"content":238},"Is a design file included?","Yes—every purchase includes the matching Figma source to speed up custom edits.",{"title":240,"content":241},"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":243,"content":244},"Do I get lifetime updates?","Buying Aspect (or the Premium Plan) grants lifetime updates and access to new shadcn/ui blocks.",[246,250,254,255],{"id":247,"title":248,"slug":249},1380,"shadcn/ui","shadcnui",{"id":251,"title":252,"slug":253},458,"Astro","astro",{"id":51,"title":52,"slug":53},{"id":67,"title":68,"slug":69},{"id":30,"title":257,"slug":257},"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/",[263,264,265],{"id":91,"title":92,"slug":93},{"id":103,"title":104,"slug":105},{"id":111,"title":112,"slug":113},"Aspect Company Template - Next.js & Astro Landing Kit",[268,272,274,278,282,286],{"id":269,"title":270,"slug":271},1457,"Startup","startup",{"id":273,"title":104,"slug":105},1458,{"id":275,"title":276,"slug":277},1460,"Company","company",{"id":279,"title":280,"slug":281},430,"SaaS","saas",{"id":283,"title":284,"slug":285},427,"Blog","blog",{"id":287,"title":288,"slug":289},425,"Landing Page","landing-page","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.",[247,251,51,67],[91,103,111],[269,273,275,279,283,287],"content:templates:2074.json","templates/2074.json","templates/2074",{"_path":300,"_dir":25,"_draft":6,"_partial":6,"_locale":7,"id":301,"type":25,"title":183,"slug":184,"published_at":302,"order":303,"created_at":302,"updated_at":304,"faqs":305,"tags":318,"color":323,"cover":326,"images":327,"is_hot":6,"content":328,"is_paid":79,"demo_url":329,"features":330,"seo_title":333,"categories":334,"target_url":338,"description":339,"is_featured":79,"seo_description":340,"tags_ids":341,"features_ids":342,"categories_ids":343,"_id":344,"_type":19,"_source":20,"_file":345,"_stem":346,"_extension":19},"/templates/2113",2113,"2025-08-28 20:56:38",9,"2025-09-11 12:08:34",[306,309,312,315],{"title":307,"content":308},"Does Plasma include a docs system?","Yes—docs are set up with Fumadocs, ready to write in MDX. ",{"title":310,"content":311},"Are both Next.js and Astro versions available?","Yes, it ships with Next.js 15 and Astro 5 editions. ",{"title":313,"content":314},"Is the design file included?","Yes, a Figma file is included with the template.",{"title":316,"content":317},"What pages are prebuilt?","Landing, pricing, docs, changelog, and a download page; plus MDX blog.",[319,320,321,322],{"id":247,"title":248,"slug":249},{"id":251,"title":252,"slug":253},{"id":51,"title":52,"slug":53},{"id":59,"title":60,"slug":61},{"id":324,"title":325,"slug":325},33,"purple","/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",[331,332],{"id":91,"title":92,"slug":93},{"id":111,"title":112,"slug":113},"Plasma Template | Next.js & Astro SaaS UI (shadcn/ui)",[335,336,337],{"id":273,"title":104,"slug":105},{"id":279,"title":280,"slug":281},{"id":287,"title":288,"slug":289},"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. ",[247,251,51,59],[91,111],[273,279,287],"content:templates:2113.json","templates/2113.json","templates/2113",{"_path":348,"_dir":25,"_draft":6,"_partial":6,"_locale":7,"id":349,"type":25,"title":350,"slug":351,"published_at":352,"order":150,"created_at":352,"updated_at":353,"faqs":354,"tags":373,"color":378,"cover":380,"images":381,"is_hot":79,"content":388,"is_paid":79,"demo_url":389,"features":390,"seo_title":394,"categories":395,"target_url":397,"description":398,"is_featured":79,"is_free_listing":6,"seo_description":399,"tags_ids":400,"features_ids":401,"categories_ids":402,"_id":403,"_type":19,"_source":20,"_file":404,"_stem":405,"_extension":19},"/templates/1766",1766,"Shadcnblocks Template Bundle","shadcnblocks-template-bundle","2025-03-24 12:34:39","2026-03-10 22:43:05",[355,358,361,364,367,370],{"title":356,"content":357},"Is there a free tier?","A limited set of free blocks is available, but the bundle and monthly updates require the paid license. ",{"title":359,"content":360},"Does it support dark mode?","Yes. Blocks inherit any Shadcn UI theme, including light/dark variants, without extra work. ",{"title":362,"content":363},"Can I use it on unlimited projects?","Absolutely; the license permits unlimited commercial and personal projects. ",{"title":365,"content":366},"How often are new components added?","Expect roughly 50 new blocks and at least one template every month",{"title":368,"content":369},"How big is the catalog right now?","Feature blocks alone list 266+ items; other categories are growing alongside recent “50 New Blocks” updates. ",{"title":371,"content":372},"Do these blocks work with Tailwind v4?","Yes, Lumen and the other templates specify Tailwind 4; blocks follow the same stack. ",[374,375,376,377],{"id":247,"title":248,"slug":249},{"id":251,"title":252,"slug":253},{"id":51,"title":52,"slug":53},{"id":59,"title":60,"slug":61},{"id":379,"title":72,"slug":72},22,"/shadcnblocks-template-bundle-4.png",[382,384,386],{"image":383},"/shadcnblocks-32.png",{"image":385},"/shadcnblocks-template-bundle-2.png",{"image":387},"/shadcnblocks-template-bundle.webp","\u003Cp>\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>The Shadcnblocks Template Bundle is an all-access pass to \u003Cstrong>1189+ 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-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> – 1216 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\">\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/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>\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",[391,392,393],{"id":87,"title":88,"slug":89},{"id":91,"title":92,"slug":93},{"id":111,"title":112,"slug":113},"Shadcn UI Templates & Page Layouts",[396],{"id":117,"title":118,"slug":119},"https://www.shadcnblocks.com/templates/?via=tailkits","12+ 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.",[247,251,51,59],[87,91,111],[117],"content:templates:1766.json","templates/1766.json","templates/1766",{"_path":407,"_dir":25,"_draft":6,"_partial":6,"_locale":7,"id":408,"type":25,"title":171,"slug":172,"published_at":409,"order":410,"created_at":409,"updated_at":411,"faqs":412,"tags":425,"color":431,"cover":434,"images":435,"is_hot":79,"content":436,"is_paid":79,"demo_url":437,"features":438,"seo_title":441,"categories":442,"target_url":437,"description":446,"is_featured":79,"seo_description":447,"tags_ids":448,"features_ids":449,"categories_ids":450,"_id":451,"_type":19,"_source":20,"_file":452,"_stem":453,"_extension":19},"/templates/2171",2171,"2025-10-30 01:27:20",19,"2025-10-30 20:43:32",[413,416,419,422],{"title":414,"content":415},"Is Lumen beginner-friendly?","Yes, sections are block-based, so you can rearrange and ship quickly without designing from scratch.",{"title":417,"content":418},"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":420,"content":421},"Can I use it with either Next.js or Astro?","Yes, there are separate editions for Next.js 15 and Astro.",{"title":423,"content":424},"What files help with customization?","A Figma file is included for design changes, plus MDX/JSON data to edit content easily.",[426,427,428,429,430],{"id":247,"title":248,"slug":249},{"id":251,"title":252,"slug":253},{"id":51,"title":52,"slug":53},{"id":59,"title":60,"slug":61},{"id":67,"title":68,"slug":69},{"id":432,"title":433,"slug":433},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",[439,440],{"id":91,"title":92,"slug":93},{"id":111,"title":112,"slug":113},"Lumen - shadcn/ui + Tailwind 4 Landing Page Template",[443,444,445],{"id":269,"title":270,"slug":271},{"id":279,"title":280,"slug":281},{"id":287,"title":288,"slug":289},"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. ",[247,251,51,59,67],[91,111],[269,279,287],"content:templates:2171.json","templates/2171.json","templates/2171",{"_path":455,"_dir":25,"_draft":6,"_partial":6,"_locale":7,"id":456,"type":25,"title":195,"slug":196,"published_at":457,"order":12,"created_at":457,"updated_at":458,"faqs":459,"tags":472,"color":478,"cover":479,"images":480,"is_hot":79,"content":481,"is_paid":79,"demo_url":482,"features":483,"seo_title":486,"categories":487,"target_url":491,"description":492,"is_featured":79,"is_free_listing":6,"seo_description":493,"tags_ids":494,"features_ids":495,"categories_ids":496,"_id":497,"_type":19,"_source":20,"_file":498,"_stem":499,"_extension":19},"/templates/2178",2178,"2025-11-29 15:10:56","2026-03-11 20:21:58",[460,463,466,469],{"title":461,"content":462},"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":464,"content":465},"Is a Figma design file included?","Yes, Metafi includes a Figma file so your design team can customize the system before coding. ",{"title":467,"content":468},"How many pages does Metafi include?","It ships with 10+ pages built from reusable sections, covering core marketing flows like landing and pricing. ",{"title":470,"content":471},"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.",[473,474,475,476,477],{"id":247,"title":248,"slug":249},{"id":251,"title":252,"slug":253},{"id":51,"title":52,"slug":53},{"id":59,"title":60,"slug":61},{"id":67,"title":68,"slug":69},{"id":324,"title":325,"slug":325},"/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",[484,485],{"id":91,"title":92,"slug":93},{"id":111,"title":112,"slug":113},"Metafi SaaS Template for Next.js & Astro",[488,489,490],{"id":269,"title":270,"slug":271},{"id":279,"title":280,"slug":281},{"id":287,"title":288,"slug":289},"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. ",[247,251,51,59,67],[91,111],[269,279,287],"content:templates:2178.json","templates/2178.json","templates/2178",{"_path":501,"_dir":502,"_draft":6,"_partial":6,"_locale":7,"id":503,"type":502,"title":504,"slug":505,"published_at":506,"order":12,"created_at":506,"updated_at":507,"color":508,"cover":511,"is_hot":79,"is_enabled":79,"target_url":512,"button_text":513,"large_badge_text":514,"small_badge_text":515,"large_description":516,"small_description":517,"_id":518,"_type":19,"_source":20,"_file":519,"_stem":520,"_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":509,"title":510,"slug":510},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":522,"_dir":523,"_draft":6,"_partial":6,"_locale":7,"id":524,"type":523,"title":525,"slug":523,"published_at":526,"order":12,"created_at":526,"updated_at":527,"faqs":528,"seo_content":547,"featured_title":548,"page_seo_title":549,"page_hero_title":550,"featured_description":551,"page_seo_description":552,"_id":553,"_type":19,"_source":20,"_file":554,"_stem":555,"_extension":19},"/templates-static-texts/1509","templates-static-texts",1509,"Templates Static Texts","2024-05-29 01:38:54","2026-03-07 20:59:37",[529,532,535,538,541,544],{"title":530,"content":531},"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":533,"content":534},"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":536,"content":537},"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":539,"content":540},"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":542,"content":543},"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":545,"content":546},"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: 180+ Free & Premium UI Kits (Next.js, React, Astro)","Tailwind CSS Templates & UI Kits","The best Tailwind templates & UI kits for landing pages & dashboards.","Browse 180+ 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",1773750262310]