Crator Studio - A creative dark agency Tailwind CSS template
Crator Studio is a dark, modern Tailwind CSS agency and portfolio template with 6 fully responsive pages and 23 customizable components, available in HTML, Next.js, and Astro.
Includes 3 template versions
HTML template
Next.js template
Astro template
Includes HTML, Next.js, and Astro versions so you can pick your preferred stack.
Landing, about, services, portfolio, case study, and contact pages ready to customize.
Every page and component adapts seamlessly to any screen size or device.
Ships with a polished dark aesthetic ideal for creative agencies and studios.
Use your purchase to build as many client or personal sites as you need.
Get free updates forever as the template is kept current with latest releases.
Comprehensive documentation helps you set up and customize the template quickly.
Organized folder layout and consistent code patterns make editing straightforward.
Dark agency template with Next.js, Astro, and HTML versions included
Hello folks, Rodrigo from TailAwesome here 👋
I'm thrilled to introduce you to Crator Studio, a beautiful dark-themed agency template built with Tailwind CSS v4.1. When you purchase Crator Studio, you'll receive three template versions: an HTML, Astro, and Next.js (Typescript) version of the website, giving you the flexibility to select the right stack for your needs.
Next.js Version:
Built with TypeScript for enhanced type safety and developer experience. Leverage the latest Next.js v15.5 features, including the App Router and React server components, for optimal performance and seamless navigation.
Key dependencies & features:
- Tailwind CSS v4.1
- Next.js v15.5
- App router
- React 19.1
- gray-matter to parse case study markdown content.
- Headless UI
- Prettier and eslint for code formatting
- TypeScript v5 for improved developer experience and type safety
Astro Version:
Built with Astro v5.13, this version takes advantage of the latest View Transitions and Image Optimization features in Astro, delivering smooth navigation and performance.
Key dependencies & features:
- Tailwind CSS v4.1
- Astro v5.13
- Alpine.js v3 for interactivity
- Typescript v5
- Prettier
- Astro's content collections (with typescript support)
- Dynamic routing for filtering case studies by categories
- Leverages Astro's built-in View Transitions and image optimizations
- Automatic sitemap generation
HTML Version:
If you're looking for simplicity, the HTML version is your go-to. It includes pre-assembled HTML files and uses the Tailwind CLI tool to ensure a swift and straightforward setup.
Key dependencies & features:
- Tailwind CSS v4.1
- Alpine.js 3
- Uses Tailwind CLI for a simple and quick development environment setup with hot-reloading
- No custom javascript
Whether you prefer the cutting-edge capabilities of Next.js or the streamlined simplicity of HTML, Crator Studio is a great starting point for your agency/portfolio website.
This theme includes 6 easily customizable pages with over 23 Tailwind components. It includes a landing page, about page, services page, portfolio page, case study page, and a contact page. All templates and components are fully responsive and great for any device size.
Features
- 6 fully responsive pages
- 23 customizable components
- All versions made with Tailwind CSS v4.1
- Dark and modern design
- Compatible with all modern browsers
- Small build
- Fully documented to kickstart your project’s development with ease
- Clean folder structure
- Uses Tabler Icons
License
Purchasing this theme gives you the license to build as many sites as you want with it. It also grants you lifetime access and free updates as we keep our templates up to date. For more information on licensing specifics, read through our license.
For any questions or directions/suggestions on how to use the template, you can contact us at rodrigo@tailwindawesome.com.
