Choose a UI library for your app

Bootstrap

Shoelace with Tailwind CSS

Tailwind CSS

Material Design

Missing your favorite library? We'd love to hear from you! Submit your request or vote for others.

Create a new Tailwind CSS app

Create an app using CSS utilities from Tailwind CSS and icons from heroicons for a fast and intuitive design experience - without any other dependencies.

BETA

* Get prompt tips and learn more about our AI assistant in the docs.

Start from a template

Choose a template for your new Tailwind CSS project. Most templates look good in other themes, too!

zoom_in

Blank Tailwind CSS app

Start from scratch and add components, layouts and UI blocks manually or with AI.

zoom_in

Minimal Tailwind CSS app

Create a new Tailwind CSS app

Minimal Tailwind CSS app

Start with a minimal Tailwind CSS app with in-app navigation, a header, and a home page.

View template details
zoom_in

Social networking platform

Create a new Tailwind CSS app

Social networking platform

A social networking web app for web designers. It includes a left sidebar with navigation, a central feed with posts, a right-hand panel with suggested connections, and a top navigation bar with logo, search, and profile menu.

View template details
zoom_in

Financial management dashboard

Create a new Tailwind CSS app

Financial management dashboard

A financial management dashboard for personal income and expense tracking.

View template details
zoom_in

Company portal

Create a new Tailwind CSS app

Company portal

A personalized intranet home page with sections for user profile, inbox, agenda, contacts, news and to do list.

View template details
zoom_in

Students content hub

Create a new Tailwind CSS app

Students content hub

A platform where students can connect, share course materials and ask questions.

View template details