Template specs
- HTML Template Built with Tailwind CSS v4 and Alpine.js v3. Shipped with pre-compiled CSS, changes via Tailwind CLI.
- Next.js Template Built with Next.js 16 (App Router) plus TypeScript support - and Tailwind CSS v4.
- Vue Template Basic app built with Vue v3, Tailwind CSS v4, Vite v6.
About this template
Creative is a landing page template designed for startups who want to showcase the work of creative professionals. Crafted with artists in mind, it provides the perfect backdrop to display beautiful images and express the community’s artistic vision. It has a refined design and minimalistic layout that make it ideal for highlighting the innovative abilities of your users.
Whether you’re an artist, designer, writer, or photographer, Creative is the perfect template to showcase your work and connect with your audience.
What’s included
Creative contains three essential pages for user management, including a registration page, an authentication page, a password recovery page, and a front page that is thoughtfully designed to showcase your product’s unique value proposition and convert prospects into customers.
Built for
With its mixture of essential pages and a powerful front page, Creative is the perfect template for creating an engaging community-based product.
Changelog
July 7, 2026 Update
A content and tooling refresh across every edition: new blog, contact, privacy, and inspiration pages.
HTML
- Add local dev server with live reload (
pnpm run devnow runs the Tailwind watcher and Browsersync together) - Bundle the Tailwind CLI as a dependency
- Upgrade Tailwind CSS to 4.3.2
- Add blog listing and single blog post pages with static content
- Add contact page
- Add privacy page
- Add inspiration page
- Update footer with real links
- Add favicon!
- Add
@tailwindcss/typographyfor legal and blog prose styling
Next.js
- Upgrade to Next.js 16.2.10 and React 19.2.7
- Update to Tailwind 4.3.2
- Add a blog index and MDX-powered blog post pages
- Add privacy and contact pages
- Add an inspiration detail page and link the homepage gallery to it
- Wire up the favicon set in the root layout metadata
- Update the footer with real links
- Make the homepage blog section data-driven from MDX content
- Add
@tailwindcss/typographyfor legal and blog prose styling - Move AOS init into a client component to improve static rendering
- Clean up dependencies and move types to devDependencies
- Add ESLint and Prettier configuration with import sorting
- Fix Swiper type resolution under the bundler module resolution enforced by Next.js 16.2
Vue
- Upgrade Vue to 3.5.39 and Vue Router to 5.1.0
- Upgrade to Tailwind 4.3.2
- Upgrade Vite to 8.1.3 and @vitejs/plugin-vue to 6.0.7
- Upgrade Swiper to 14 (modules are now imported from
swiper/modules) - Add blog listing and single blog post pages with static content
- Add contact, privacy, and inspiration pages
- Update footer with real internal links and Cruip social URLs
- Link homepage blog section and inspiration gallery to the new pages
- Add
@tailwindcss/typographyfor legal and blog prose styling - Remove insecure
process.envexposure and unused resolve alias from the Vite config - Add a real favicon set (SVG, PNGs, ICO, and web manifest)
- Add ESLint (flat config with eslint-plugin-vue) and Prettier, and lint/format all files
FAQ
- Yes! You can use this template for an unlimited number of personal and commercial projects. These can include commercial landing pages, websites, or SaaS applications that end users pay to access.
- If you're a freelancer or agency, you can use this templates for your client projects. Please be aware that the final outcome must still adhere to our Terms & License agreement.
- Yes, you can take sections from one template to another, but since every template has a custom tailwind.config.json file it may require a bit of review work. For example, if you want to paste a section of Cube into Neon, you'll have to swap any
font-hkgroteskclass from Cube code tofont-uncut-sans. Also, you might want to check that the color classes match the color scheme of the destination template. - Unfortunately, we cannot provide support for using frameworks or site generators that are not explicitly advertised as compatible with our templates. However, you can set up your own environment and import the necessary components or elements from our templates into your application. By doing so, you will be able to customize the integration to meet your specific needs.
- A Figma file is available for this template. However, since our primary focus is on providing quality code for developers, this design file serves solely as a visual reference and is not organized into complex auto layouts or dynamic components. You can download a free Figma file from our public page to see how our design files are structured.
