Use Tailwind UI use to build a shared library in NX for component driven development
Templates
Components
Tailwind UI Components
Marketing
Section | Type | Variation | Dependencies | Implementation |
---|
Page Sections | Hero Sections (12) | | | |
Page Sections | Feature Sections (18) | Alt side-by-side with images | | |
Page Sections | CTA Sections (11) | | | |
Page Sections | Pricing Sections (13) | | | |
Page Sections | Header Sections (10) | | | |
Page Sections | Newsletter Sections (7) | | | |
Page Sections | Stats | | | |
Page Sections | Testimonials | | | |
Page Sections | Blog Sections | | | |
Page Sections | Contact Sections | | | |
Page Sections | Team Sections | | | |
Page Sections | Content Sections | | | |
Page Sections | Logo Clouds | | | |
Page Sections | FAQs | | | |
Page Sections | Footers | | | |
Elements | Headers | | | |
Elements | Flyout Menus | | | |
Elements | Banners | | | |
Feedback | 404 Pages | | | |
Page Examples | Landing Pages (4) | | | |
Page Examples | Pricing Pages (3) | | | |
Page Examples | About Pages (3) | | | |
Ecommerce
Section | Type | Variation | Dependencies | Implementation |
---|
Components | Product Overviews (5) | | | |
Components | Product Lists | | | |
Components | Category Previews | | | |
Components | Shopping Carts | | | |
Components | Category Filters | | | |
Components | Product Quickviews | | | |
Components | Product Features | | | |
Components | Store Navigation | | | |
Components | Promo Sections | | | |
Components | Checkout Forms | | | |
Components | Reviews | | | |
Components | Order Summaries | | | |
Components | Order History | | | |
Components | Incentives | | | |
Page Examples | Storefront Pages (4) | | | |
Page Examples | Product Pages (5) | | | |
Page Examples | Category Pages (5) | | | |
Page Examples | Shopping Cart Pages | | | |
Page Examples | Checkout Pages | | | |
Page Examples | Order Detail Pages | | | |
Page Examples | Order History Pages | | | |
App UI
Section | Type | Variation | Dependencies | Implementation |
---|
App Shells | Stacked Layouts | | | |
App Shells | Sidebar Layouts | | | |
App Shells | Multi-Column Layouts | | | |
Headings | Page Headings | | | |
Headings | Card Headings | | | |
Headings | Section Headings | | | |
Data Display | Description Lists | | | |
Data Display | Stats | | | |
Data Display | Calendars | | | |
Lists | Stacked Lists | | | |
Lists | Tables | | | |
Lists | Grid Lists | | | |
Lists | Feeds | | | |
Forms | Form Layouts | | | |
Forms | Input Groups | | | |
Forms | Select Menus | | | |
Forms | Sign-in and Registration | | | |
Forms | Textareas | | | |
Forms | Radio Groups | | | |
Forms | Checkboxes | | | |
Forms | Toggles | | | |
Forms | Action Panels | | | |
Forms | Comboboxes | | | |
Feedback | Alerts | | | |
Feedback | Empty States | | | |
Navigation | Navbars | | | |
Navigation | Pagination | | | |
Navigation | Tabs | | | |
Navigation | Vertical Navigation | | | |
Navigation | Sidebar Navigation | | | |
Navigation | Breadcrumbs | | | |
Navigation | Steps | | | |
Navigation | Command Palettes | | | |
Overlays | Modals | | | |
Overlays | Slide-overs | | | |
Overlays | Notifications | | | |
Elements | Avatars | | | |
Elements | Badges | | | |
Elements | Dropdowns | | | |
Elements | Buttons | | | |
Elements | Button Groups | | | |
Layout | Containers | | | |
Layout | Panels | | | |
Layout | List containers | | | |
Layout | Media Objects | | | |
Layout | Dividers | | | |
Page Examples | Home Screens | | | |
Page Examples | Detail Screens | | | |
Page Examples | Settings Screens | | | |