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 Shoelace with Tailwind CSS app

Create an app using web components from Shoelace and use CSS utilities from Tailwind CSS for a fast an intuitive design experience.

BETA

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

Start from a template

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

zoom_in

Blank Shoelace with Tailwind CSS app

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

zoom_in

Minimal Shoelace with Tailwind app

Create a new Shoelace with Tailwind CSS app

Minimal Shoelace with Tailwind app

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

View template details
zoom_in

Financial management dashboard

Create a new Shoelace with Tailwind CSS app

Financial management dashboard

A financial management dashboard for personal income and expense tracking.

View template details
zoom_in

Social networking platform

Create a new Shoelace with 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

Company portal

Create a new Shoelace with 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 Shoelace with Tailwind CSS app

Students content hub

A platform where students can connect, share resources, and help each other learn.

View template details