https://preline.co/
Free Tailwind CSS UI Components Library | Preline UI
Build faster with Preline UI, a free and open-source Tailwind CSS UI component library with Pro blocks, templates, plugins, framework guides, and Figma.
tailwind cssui componentsfreelibrarypreline
https://preline.co/pro.html
Not Found | Preline UI, crafted with Tailwind CSS
Preline UI is an open-source set of prebuilt UI components based on the utility-first Tailwind CSS framework.
not foundprelineuicraftedtailwind
https://preline.co/blocks/blog-articles/editorial-detail-pages/
Tailwind CSS Editorial Detail Pages | Preline UI
Editorial detail pages for customer stories, job details, and case studies with long-form content sections and supporting sidebars.
tailwind cssdetail pageseditorialprelineui
https://preline.co/plugins/
Headless Tailwind CSS Plugins (JavaScript & TypeScript) | Preline
Headless Tailwind CSS plugins built with JavaScript and TypeScript for accessible, interactive UI behavior in modern web applications.
tailwind cssheadlesspluginsjavascripttypescript
https://preline.co/templates/
Tailwind CSS Templates - Free & Premium | Preline UI
Explore 21 free and premium Tailwind CSS templates for dashboards, admin panels, ecommerce, websites, AI apps, finance, productivity, and more.
tailwind css templatesfree premiumprelineui
https://preline.co/blocks/application-ui/
Tailwind CSS Application UI Blocks | Preline UI
Browse Tailwind CSS application UI blocks for SaaS and admin dashboards, charts, sidebars, forms, tables, billing, authentication, modals, and drawers.
tailwind cssapplication uiblockspreline
https://preline.co/blocks/forms/document-and-import-uploads/
Tailwind CSS Document & Import Uploads Blocks | Preline UI
Document verification and import upload forms for IDs, CSVs, and structured upload workflows.
tailwind cssdocument importuploadsblockspreline
https://preline.co/blocks/data-display/analytics-tables/
Tailwind CSS Analytics Tables Blocks | Preline UI
Analytics, incidents, regional, traffic, sales, and market data tables for reporting dashboards and operational monitoring.
tailwind cssanalyticstablesblockspreline
https://preline.co/blocks/marketing/content-navigation/
Tailwind CSS Content Navigation Blocks | Preline UI
Tailwind CSS content navigation blocks for website sections, discovery flows, feature tabs, and lightweight page-level navigation patterns.
tailwind csscontent navigationblocksprelineui
https://preline.co/pro/
Premium Tailwind CSS Blocks & Templates | Preline Pro
Premium Tailwind CSS blocks and templates for admin dashboards, ecommerce admin, storefronts, SaaS apps, CMS, CRM, analytics, AI chat, and marketing sites.
tailwind css blockspremiumtemplatesprelinepro
https://preline.co/blocks/ecommerce/listing-filter-panels/
Tailwind CSS Listing Filter Panels Blocks | Preline UI
Persistent ecommerce listing filter panels for storefront sidebars, marketplace browsing, and product pricing settings.
tailwind cssfilter panelslistingblockspreline
https://preline.co/blocks/navigation-layout/card-tabs/
Tailwind CSS Card Tabs Blocks | Preline UI
Segmented, bordered, and icon-led tab rows for settings panels, dashboards, and compact navigation cards.
tailwind csscardtabsblockspreline
https://preline.co/blocks/marketing/hero-sections/
Tailwind CSS Hero Sections | Preline UI
Page hero layouts and landing intros for SaaS homepages, agency sites, storefronts, and campaign-driven marketing pages.
tailwind csshero sectionsprelineui
https://preline.co/blocks/data-display/description-lists/
Tailwind CSS Description Lists Blocks | Preline UI
Explore detailed and clear admin user description lists with vibrant icons, avatars, badges and links.
tailwind cssdescriptionlistsblockspreline
https://preline.co/blocks/forms/ratings-and-emoji-selectors/
Tailwind CSS Ratings & Emoji Selectors Blocks | Preline UI
Rating and emoji selector patterns for star feedback, reactions, skin tones, and expressive choice grids.
tailwind cssratingsemojiselectorsblocks
https://preline.co/blocks/navigation-layout/dashboard-sidebars/
Tailwind CSS Dashboard Sidebars Blocks | Preline UI
Classic, compact, and mini dashboard sidebar layouts with full, narrow, and icon-only rails.
tailwind cssdashboardsidebarsblockspreline
https://preline.co/blocks/application-pages/admin-dashboard-pages/
Tailwind CSS Admin Dashboard Pages | Preline UI
Admin dashboard pages for internal analytics and operations workspaces with app headers, sidebars, charts, tables, and summary cards.
tailwind cssadmin dashboardpagesprelineui
https://preline.co/blocks/forms/product-review-forms/
Tailwind CSS Product Review Forms Blocks | Preline UI
Product review forms for collecting ratings, fit feedback, and written purchase feedback after checkout or product use.
tailwind cssproduct reviewformsblockspreline
https://preline.co/privacy.html
Privacy & Policy | Preline UI, crafted with Tailwind CSS
privacy policyprelineuicraftedtailwind
https://preline.co/blocks/authentication/forms/
Tailwind CSS Authentication Form Snippets Blocks | Preline UI
Embedded sign-in, sign-up, and account recovery forms for quick authentication UI integration.
tailwind cssauthenticationformsnippetsblocks
https://preline.co/templates/websites/
Tailwind CSS Websites Templates | Preline UI
Explore Websites templates built with Tailwind CSS for startup marketing sites, agency pages, and personal portfolios.
tailwind csswebsites templatesprelineui
https://preline.co/blocks/marketing/testimonial-cards/
Tailwind CSS Testimonial Cards Blocks | Preline UI
Tailwind CSS testimonial cards, review grids, star ratings, and compact customer quote layouts for marketing pages.
tailwind csstestimonialcardsblockspreline
https://preline.co/blocks/communication/contact-cards/
Tailwind CSS Contact Cards Blocks | Preline UI
Contact card patterns for compact profile grids, selection cards, and detailed member list layouts.
tailwind csscontact cardsblocksprelineui
https://preline.co/blocks/navigation-layout/workspace-headers/
Tailwind CSS Workspace Headers Blocks | Preline UI
Tailwind CSS workspace header blocks for dashboards, internal tools, admin panels, and application shells.
tailwind cssworkspaceheadersblockspreline
https://preline.co/templates/productivity/
Tailwind CSS Productivity Templates | Preline UI
Explore Productivity templates built with Tailwind CSS for work management, project planning, and calendar apps.
tailwind cssproductivitytemplatesprelineui
https://preline.co/templates/dashboards/
Tailwind CSS Dashboards & Admin Templates | Preline UI
tailwind cssadmin templatesdashboardsprelineui
https://preline.co/blocks/forms/create-and-edit-forms/
Tailwind CSS Create & Edit Forms Blocks | Preline UI
Create and edit forms for users, events, discounts, teams, projects, and product details.
tailwind csscreateeditformsblocks
https://preline.co/blocks/navigation-layout/dashboard-sidebar-modules/
Tailwind CSS Dashboard Sidebar Modules Blocks | Preline UI
Sidebar header and footer modules for dashboard layouts, including profile menus, switchers, language selectors, and search rows.
tailwind cssdashboardsidebarmodulesblocks
https://preline.co/blocks/marketing/pricing-pages/
Tailwind CSS Pricing Pages | Preline UI
Browse Preline UI pricing page examples. Enhance your project and convert users into paying clients with our diverse, eye-catching designs!
tailwind csspricing pagesprelineui
https://preline.co/docs/components.html
Tailwind CSS Components | Free Preline UI Components
Browse Preline UI docs for free Tailwind CSS components, including layouts, navigation, forms, overlays, tables, and plugin-powered UI patterns.
tailwind css componentsfreeprelineui
https://preline.co/docs/accessibility.html
Accessible Tailwind CSS Components | Preline UI
Learn how Preline UI supports accessible Tailwind CSS components with keyboard navigation, focus management, ARIA patterns, screen readers, and WCAG guidance.
tailwind css componentsaccessibleprelineui
https://preline.co/blocks/data-display/bar-charts/
Tailwind CSS Bar Charts Blocks | Preline UI
Tailwind CSS bar and column chart blocks for dashboards, analytics, reporting, and performance tracking interfaces.
tailwind cssbar chartsblocksprelineui
https://preline.co/blocks/productivity/kanban-group-headings/
Tailwind CSS Kanban Group Headings Blocks | Preline UI
Kanban group heading components for board columns, workflow stages, and compact status headers.
tailwind csskanbangroupheadingsblocks
https://preline.co/blocks/productivity/calendar-drawers/
Tailwind CSS Calendar Drawers Blocks | Preline UI
Calendar drawers for daily event lists and slide-in event setup panels used in scheduling workspaces.
tailwind csscalendardrawersblockspreline
https://preline.co/blocks/marketing/feature-sections/
Tailwind CSS Feature Sections Blocks | Preline UI
Tailwind CSS feature sections with images, tabs, steps, and explanatory layouts for marketing pages.
tailwind cssfeature sectionsblocksprelineui
https://preline.co/blocks/authentication/verification-and-recovery-pages/
Tailwind CSS Verification & Recovery Pages Blocks | Preline UI
Forgot-password, reset-password, email verification, and two-step verification pages for secure account recovery.
tailwind cssverificationrecoverypagesblocks
https://preline.co/blocks/communication/support-chat-widgets/
Tailwind CSS Support Chat Widgets Blocks | Preline UI
Support chat widgets for welcome panels, inbox views, live chats, topic pickers, contact fallbacks, and confirmation states.
tailwind csssupport chatwidgetsblockspreline
https://preline.co/blocks/data-display/kpi-cards/
Tailwind CSS KPI Cards Blocks | Preline UI
Tailwind CSS KPI cards and stat summaries for dashboards, analytics, operations, and reporting interfaces.
tailwind csskpicardsblockspreline
https://preline.co/blocks/feedback-states/action-cards-and-shortcut-links/
Tailwind CSS Action Cards & Shortcut Links Blocks | Preline UI
Action cards and shortcut links for selected-state toolbars, account navigation, payment tasks, contact lists, and help shortcuts.
tailwind cssaction cardsshortcutlinksblocks
https://preline.co/figma/
Free Figma Design System for Tailwind CSS | Preline UI
Free Figma design system for Tailwind CSS with UI components, variables, themes, templates, auto layout, and variants for faster design workflows.
figma design systemtailwind cssfreeprelineui
https://preline.co/blocks/forms/text-editors/
Tailwind CSS Text Editors Blocks | Preline UI
Text editors with rich toolbars, card layouts, and inline formatting controls for long-form content.
tailwind csstext editorsblocksprelineui
https://preline.co/blocks/ecommerce/cart-and-order-line-items/
Tailwind CSS Cart & Order Line Items Blocks | Preline UI
Cart and order line items for editable purchase rows, itemized bag tables, and static post-purchase summaries.
tailwind cssline itemscartorderblocks
https://preline.co/blocks/ecommerce/ecommerce-headers/
Tailwind CSS Ecommerce Headers Blocks | Preline UI
Ecommerce header blocks for storefront and marketplace navigation with cart, account, location, and signed-in or signed-out actions.
tailwind cssecommerceheadersblockspreline
https://en.preline.no/
Home | Preline Fishfarming System
prelinesystem
https://preline.co/blocks/productivity/kanban-board-layouts/
Tailwind CSS Kanban Board Layouts Blocks | Preline UI
Kanban board layouts for project tracking, CRM pipelines, workspace planning, and purchase order workflows.
tailwind csskanban boardlayoutsblockspreline
https://preline.co/blocks/forms/switches/
Tailwind CSS Switches Blocks | Preline UI
Switch patterns for alerts, preferences, newsletters, settings lists, and grid-based toggle controls.
tailwind cssswitchesblocksprelineui
https://preline.co/blocks/marketing/marquee/
Tailwind CSS Marquee Blocks | Preline UI
Tailwind CSS marquee blocks for vertical testimonials, 3D card stages, finance tickers, logo strips, and sliding social proof.
tailwind cssmarqueeblocksprelineui
https://preline.co/blocks/command-palettes/search/
Tailwind CSS Search Results Blocks | Preline UI
Search result surfaces cover mixed record rows, grouped suggestions, highlighted query matches, and sectioned lists for products, people, files, help topics,...
tailwind csssearch resultsblocksprelineui
https://dev.to/nicholasikiroma/integrating-preline-ui-in-flask-apps-48c3
Integrating Preline UI in Flask Apps - DEV Community
Writing CSS to build user interfaces can be fun for front-end developers, but it's a nightmare for... Tagged with flask, ui, webdev, python.
apps devintegratingprelineuiflask
https://preline.co/blocks/data-display/admin-utility-tables/
Tailwind CSS Admin Utility Tables Blocks | Preline UI
Admin utility tables for exports, team management, and API key administration in dashboard settings surfaces.
tailwind cssutility tablesadminblockspreline
https://preline.co/blocks/ui-components/profile-popovers/
Tailwind CSS Profile Popovers Blocks | Preline UI
Profile popovers for inline contact cards and avatar-group member previews.
tailwind cssprofilepopoversblockspreline
https://preline.co/blocks/communication/call-device-settings/
Tailwind CSS Call Device Settings Blocks | Preline UI
Call device settings panels for camera, speaker, and microphone selection in video meeting interfaces.
tailwind cssdevice settingscallblockspreline
https://preline.co/blocks/ecommerce/product-listing-cards/
Tailwind CSS Product Listing Cards Blocks | Preline UI
Product listing cards for marketplace tiles, mini product cards, promotional listing cards, and category cards in ecommerce discovery views.
tailwind cssproduct listingcardsblockspreline
https://preline.co/blocks/blog-articles/blog-listing-sections/
Tailwind CSS Blog Listing Sections Blocks | Preline UI
Blog listing sections for featured stories, article grids, horizontal post rows, and minimal editorial feeds across magazine and content sites.
tailwind cssblog listingsectionsblockspreline
https://preline.co/blocks/data-display/file-views/
Tailwind CSS File Views Blocks | Preline UI
Explore file manager views, profile file lists, multi-image file grids, and compact file snippet previews for dashboards and internal tools.
tailwind cssfileviewsblockspreline
https://preline.co/templates/ai/
Tailwind CSS AI Templates | Preline UI
Explore AI templates built with Tailwind CSS for chat assistants, copilots, and prompt-driven product interfaces.
tailwind csstemplatesprelineui
https://preline.co/templates/ecommerce/
Tailwind CSS Ecommerce Templates | Preline UI
Explore Ecommerce templates built with Tailwind CSS for storefronts, admin panels, marketplaces, and niche commerce demos.
tailwind cssecommerce templatesprelineui
https://preline.co/blocks/communication/voice-messages/
Tailwind CSS Voice Messages Blocks | Preline UI
Voice message patterns for waveform player cards and chat voice-note bubbles with compact playback controls.
tailwind cssvoice messagesblocksprelineui
https://preline.co/blocks/marketing/content-showcases/
Tailwind CSS Content Showcases Blocks | Preline UI
Tailwind CSS content showcases, case studies, project grids, source links, and editorial card layouts for marketing pages.
tailwind csscontentshowcasesblockspreline
https://preline.co/blocks/productivity/calendar-views/
Tailwind CSS Calendar Views Blocks | Preline UI
Calendar workspace layouts for planning across day, week, month, and year views with event modals and detail sidebars.
tailwind csscalendar viewsblocksprelineui
https://preline.co/blocks/blog-articles/
Tailwind CSS Blog & Articles Blocks | Preline UI
Explore Tailwind CSS blog and article blocks for editorial sections, post layouts, editorial detail pages, and publishing flows.
tailwind cssblog articlesblocksprelineui
https://preline.co/blocks/marketing/gallery-sliders/
Tailwind CSS Gallery Sliders Blocks | Preline UI
Tailwind CSS media and image sliders for featured product moments, immersive galleries, and showcase carousels.
tailwind cssgallery slidersblocksprelineui
https://preline.co/blocks/forms/option-pickers/
Tailwind CSS Option Pickers Blocks | Preline UI
Option pickers for appearance settings, icon choices, color swatches, and button-based selections.
tailwind cssoptionpickersblockspreline
https://preline.co/blocks/marketing/website-headers/
Tailwind CSS Website Headers Blocks | Preline UI
Tailwind CSS website header blocks for marketing sites, docs, landing pages, content hubs, and resource centers.
tailwind cssheadersblocksprelineui
https://preline.co/blocks/forms/utility-textareas/
Tailwind CSS Utility Textareas Blocks | Preline UI
Utility textareas for hidden panels, collapsible notes, and tucked-away supporting input fields.
tailwind cssutilitytextareasblockspreline
https://preline.co/blocks/application-pages/settings-modals/
Tailwind CSS Settings Modals Blocks | Preline UI
Settings modals for call preferences, regional shopping options, location confirmation, and notification controls without leaving the current page.
tailwind csssettingsmodalsblockspreline
https://preline.co/blocks/data-display/project-tables/
Tailwind CSS Project Tables Blocks | Preline UI
Project management tables with filters, report rows, progress bars, and workspace actions for PM dashboards and team operations.
tailwind cssprojecttablesblockspreline
https://preline.co/blocks/forms/checkbox-and-preference-controls/
Tailwind CSS Checkbox & Preference Controls Blocks | Preline UI
Checkbox and preference controls for toggles, to-do lists, range settings, timelines, and inline choices.
tailwind csscheckboxpreferencecontrolsblocks
https://preline.co/blocks/application-pages/person-and-account-detail-headers/
Tailwind CSS Person & Account Detail Headers Blocks | Preline UI
Detail headers and identity bars for projects, customers, payment records, and brand account pages with page-level actions, status cues, and summary metadata.
tailwind cssperson accountdetailheadersblocks
https://preline.co/blocks/data-display/data-management/
Tailwind CSS Data Management Blocks | Preline UI
Tailwind CSS data management cards for imports, exports, source setup, and admin record workflows.
tailwind cssdata managementblocksprelineui
https://preline.co/docs/agent-skills.html
Preline UI Agent Skills | AI Workflows for IDEs and CLIs
Learn how Preline UI Agent Skills extend IDEs and CLIs with automation workflows to speed up setup, customization, and iteration while keeping your UI...
agent skillsai workflowsprelineuiides
https://preline.co/blocks/data-display/data-maps/
Tailwind CSS Data Maps Blocks | Preline UI
Tailwind CSS geo analytics and regional data map blocks for dashboards, coverage views, and location-based reporting.
tailwind cssdata mapsblocksprelineui
https://preline.co/blocks/ui-components/ecommerce-menus/
Tailwind CSS Ecommerce Menus Blocks | Preline UI
Account, wishlist, favorites, and product discovery menus for ecommerce shopping flows.
tailwind cssecommercemenusblockspreline
https://preline.co/blocks/ui-components/tagging-selects/
Tailwind CSS Tagging Selects Blocks | Preline UI
Tailwind CSS tagging selects for threads, labels, tags, and multi-value assignment flows.
tailwind csstaggingselectsblockspreline
https://preline.co/blocks/productivity/scheduling-modals/
Tailwind CSS Scheduling Modals Blocks | Preline UI
Scheduling modals for recurrence rules, transfer timing, and snooze actions that keep follow-up workflows close to the active screen.
tailwind cssschedulingmodalsblockspreline
https://preline.co/blocks/forms/pages-and-settings/
Tailwind CSS Form Pages & Settings Blocks | Preline UI
Form pages and settings flows for account profiles, notification preferences, workspace settings, payment details, and application workflows.
tailwind cssform pagessettingsblockspreline
https://preline.co/blocks/data-display/user-and-contact-tables/
Tailwind CSS User & Contact Tables Blocks | Preline UI
User, member, contact, and team tables for admin panels, CRM screens, inboxes, and reporting dashboards.
tailwind cssuser contacttablesblockspreline
https://preline.co/blocks/authentication/onboarding-pages/
Tailwind CSS Onboarding Pages Blocks | Preline UI
Step-by-step onboarding pages for role selection, contact sync, plan choice, and first project setup.
tailwind cssonboardingpagesblockspreline
https://preline.co/blocks/marketing/call-to-action-sections/
Tailwind CSS Call-to-Action Sections Blocks | Preline UI
Tailwind CSS call-to-action sections with headings, text, and buttons to boost conversions.
call to actiontailwind csssectionsblockspreline
https://preline.co/blocks/data-display/team-and-profile-views/
Tailwind CSS Team & Profile Views Blocks | Preline UI
Explore profile cards and team views for member directories, workspace profiles, and internal tools.
tailwind cssteam profileviewsblockspreline
https://preline.co/blocks/data-display/projects/
Tailwind CSS Projects Blocks | Preline UI
Explore project cards and status summaries for dashboards, workspaces, and collaboration-focused interfaces.
tailwind cssprojectsblocksprelineui
https://preline.co/blocks/ui-components/badge-styles/
Tailwind CSS Badge Styles Blocks | Preline UI
Badge styles and grouped badge chips for solid, soft, dotted, divided, and white variants.
tailwind cssbadgestylesblockspreline
https://preline.co/blocks/navigation-layout/multi-panel-layouts/
Tailwind CSS Multi-Panel Layouts Blocks | Preline UI
Mini, dual-column, and three-panel app layouts with left rails, secondary sidebars, and attached side panels.
tailwind cssmulti panellayoutsblockspreline
https://preline.co/blocks/authentication/modals/
Tailwind CSS Authentication Modals Blocks | Preline UI
Dialog-based sign-in, sign-up, two-factor verification, and account recovery modals for account access without leaving the current screen.
tailwind cssauthenticationmodalsblockspreline
https://preline.co/blocks/feedback-states/success-states/
Tailwind CSS Success States Blocks | Preline UI
Success-state message layouts for completed transfers and payment requests with confirmation copy, copyable links, and next-step actions.
tailwind csssuccessstatesblockspreline
https://preline.co/blocks/data-display/activity-feeds/
Tailwind CSS Activity Feeds Blocks | Preline UI
Activity feeds for CRM histories, chat updates, inbox actions, comments, and collaborative event streams.
tailwind cssactivity feedsblocksprelineui
https://preline.co/blocks/ecommerce/returns-and-exchanges/
Tailwind CSS Returns & Exchanges Blocks | Preline UI
Return and exchange flows for item selection, exchange options, and refund method forms.
tailwind cssreturns exchangesblocksprelineui
https://preline.co/blocks/marketing/
Tailwind CSS Marketing Blocks | Preline UI
Browse Tailwind CSS marketing blocks for landing pages and websites, including hero sections, navbars, feature sections, testimonials, pricing pages, CTAs, and...
tailwind cssmarketing blocksprelineui