Metis Tailwind Template
342 Tailwind components in Shuffle Editor

- Custom Color Palette
- Drag & Drop Builder
- Documentation
- Copy & Paste
- Tailwind CSS v3
- Responsive Design
Metis is a simple Tailwind template and a component library for Tailwind CSS to build responsive, modern websites and landing pages with drag and drop Shuffle Editor.
Metis Features
342 Tailwind components available
Comes with drag and drop code editor
VS Code extension available for Shuffle Builder
Monthly, annual, and lifetime plans are available
Pug and React export option
Pros and Cons
Pros ✅
Purchasing Metis Tailwind Template gives you access to over 35 Tailwind templates.
You can directly export your code to Github, making it easy to publish your site on Vercel, Render, or Netlify.
Also support other CSS frameworks (Bootstrap, Bulma CSS, Material UI)
Cons ⛔️
Limited to exporting in popular frameworks like Next.js or Astro
Lacks JavaScript interaction support, e.g., toggling element visibility.
HTML templates are just static pages. You need to add .js code (Alpine.js etc.) on your own.
Included Tailwind Components
Metis template offers a diverse range of pre-designed UI elements.
Blog
Brands
Call to action
Careers
Contact
FAQ
Features
Footers
Hero section
How it works
Integrations
Navigation (horizontal)
Pricing
Sign in / Sign up
Stats
Testimonials
Templates & UI Kits
When you subscribe to a Shuffle plan, you can access the drag-and-drop Tailwind website builder, 37+ Tailwind templates, and UI libraries.
Landing Page Templates
Tailwind website templates to help you build multipurpose marketing and landing page websites.
Admin & Dashboard Tailwind Templates
Tailwind dashboard templates to create web apps and admin panels.
E-Commerce Tailwind Templates
Tailwind e-commerce templates to create custom stores.
FAQ
What is Shuffle?
The Shuffle Editor is a developer tool that provides over 10,000 UI components with a first-class drag and drop code editor to help developers build web projects more efficiently.
What is included in the Metis Tailwind Template?
The Metis Tailwind Template includes a variety of pre-designed components and layouts optimized for building professional websites quickly and efficiently, using the popular Tailwind CSS framework.
Can I use the Metis template for commercial projects?
Yes, the Metis template is fully equipped and licensed for use in both personal and commercial projects, allowing you to develop a wide range of web applications and sites.