Showing 41 open source projects for "tailwind ui"

View related business solutions
  • Try Google Cloud Risk-Free With $300 in Credit Icon
    Try Google Cloud Risk-Free With $300 in Credit

    No hidden charges. No surprise bills. Cancel anytime.

    Use your credit across every product. Compute, storage, AI, analytics. When it runs out, 20+ products stay free. You only pay when you choose to.
    Start Free
  • Full-stack observability with actually useful AI | Grafana Cloud Icon
    Full-stack observability with actually useful AI | Grafana Cloud

    Our generous forever free tier includes the full platform, including the AI Assistant, for 3 users with 10k metrics, 50GB logs, and 50GB traces.

    Built on open standards like Prometheus and OpenTelemetry, Grafana Cloud includes Kubernetes Monitoring, Application Observability, Incident Response, plus the AI-powered Grafana Assistant. Get started with our generous free tier today.
    Create free account
  • 1
    Tailwind CSS

    Tailwind CSS

    A utility-first CSS framework for rapid UI development

    Rapidly build modern websites without ever leaving your HTML. A utility-first CSS framework packed with classes like flex, pt-4, text-center and rotate-90 that can be composed to build any design, directly in your markup. Utility classes help you work within the constraints of a system instead of littering your stylesheets with arbitrary values. They make it easy to be consistent with color choices, spacing, typography, shadows, and everything else that makes up a well-engineered design...
    Downloads: 77 This Week
    Last Update:
    See Project
  • 2
    Preline UI

    Preline UI

    Preline UI is an open-source set of prebuilt UI components

    ...Developers can quickly assemble complex, mobile-friendly user interfaces with consistent design and behavior straight out of the box, greatly reducing the overhead of crafting common UI patterns from scratch. Preline also offers setup guidance and integration examples so teams can get started rapidly within their Tailwind projects. Because it follows Tailwind’s conventions, it integrates smoothly with other Tailwind-first tools and workflows, maintaining a lean stylesheet footprint and maximizing flexibility.
    Downloads: 11 This Week
    Last Update:
    See Project
  • 3
    NativeScript Tailwind

    NativeScript Tailwind

    Makes using TailwindCSS in NativeScript a whole lot easier

    The nativescript-tailwind plugin integrates the Tailwind CSS framework into NativeScript projects, allowing developers to use utility-first CSS classes to style their mobile applications consistently and efficiently.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 4
    Nuxt UI

    Nuxt UI

    A UI Library for Modern Web Apps, powered by Vue & Tailwind CSS

    Nuxt UI simplifies the creation of stunning and responsive web applications with its comprehensive collection of fully styled and customizable UI components designed for Nuxt. Choose a primary and a gray color from your Tailwind CSS color palette. Components will be styled accordingly. Change the style of any component in your App Config or customize them specifically through the ui prop.
    Downloads: 1 This Week
    Last Update:
    See Project
  • Our Free Plans just got better! | Auth0 Icon
    Our Free Plans just got better! | Auth0

    With up to 25k MAUs and unlimited Okta connections, our Free Plan lets you focus on what you do best—building great apps.

    You asked, we delivered! Auth0 is excited to expand our Free and Paid plans to include more options so you can focus on building, deploying, and scaling applications without having to worry about your security. Auth0 now, thank yourself later.
    Try free now
  • 5
    David UI

    David UI

    Free Tailwind CSS UI component library for modern web interfaces

    David AI is a free and open source library of customizable, production-ready UI components designed to work with Tailwind CSS. It focuses on helping developers build modern and visually consistent user interfaces faster by providing ready-made components that can be integrated directly into web applications. These components are designed to be flexible and easy to customize, allowing developers to adapt them to the design needs of their projects while maintaining a clean and efficient workflow. ...
    Downloads: 2 This Week
    Last Update:
    See Project
  • 6
    Konsta UI

    Konsta UI

    Mobile UI components made with Tailwind CSS

    Pixel perfect mobile UI components built with Tailwind CSS. With iOS and Material Design components for React, Vue & Svelte. All Konsta UI components come with pixel-perfect native-like iOS and Material Design themes created using official design guidelines. Everything you need for your iOS and Android apps! Konsta UI is mostly designed to be used with "parent" frameworks like Ionic or Framework7.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 7
    draw-a-ui

    draw-a-ui

    Draw wireframe sketches and generate HTML with AI vision models

    draw-a-ui is an experimental open source application that converts hand-drawn interface wireframes into working HTML code using artificial intelligence. draw-a-ui combines the tldraw canvas drawing tool with a vision-capable language model to interpret user-created mockups and translate them into a single HTML layout styled with Tailwind CSS.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 8
    II ElevenLabs UI

    II ElevenLabs UI

    Component library and custom registry built on top of shadcn/ui

    ElevenLabs UI is an open-source component library designed to accelerate the development of multimodal AI applications, particularly those involving voice agents and audio-based interactions. Built on top of modern frontend tooling such as React, Tailwind CSS, and shadcn/ui, it provides a collection of pre-built, customizable components that developers can easily integrate into their applications.
    Downloads: 3 This Week
    Last Update:
    See Project
  • 9
    Flowbite

    Flowbite

    The most popular and open-source library of Tailwind CSS components

    Build websites even faster with components on top of Tailwind CSS. Start developing with an open-source library of over 600+ UI components, sections, and pages built with the utility classes from Tailwind CSS and designed in Figma. You can now also get started with open-source component libraries built for frameworks such as React, Vue.js, Svelte and Angular. Explore the whole collection of over 58 open-source UI components and interactive elements built with the utility classes from Tailwind CSS and Flowbite. ...
    Downloads: 18 This Week
    Last Update:
    See Project
  • Gemini 3 and 200+ AI Models on One Platform Icon
    Gemini 3 and 200+ AI Models on One Platform

    Access Google's best plus Claude, Llama, and Gemma. Fine-tune and deploy from one console.

    Build generative AI apps with Vertex AI. Switch between models without switching platforms.
    Start Free
  • 10
    Chatbot UI

    Chatbot UI

    AI chat for any model

    Chatbot UI is an open-source, full-featured chat interface for AI models that aims to lower the barrier for anyone wanting to run their own AI-powered chatbot — whether using remote LLM APIs or local/self-hosted models. It bundles a modern frontend (Next.js + TypeScript + Tailwind) with a backend (Supabase by default) for persistent storage of chats, history, and user settings, replacing earlier local-storage-only approaches.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 11
    UI UX Pro Max

    UI UX Pro Max

    AI SKILL that provide design intelligence

    ...Users can ask for specific UI/UX tasks or design patterns, and the skill will produce guidelines, code snippets, and responsive implementation suggestions that align with industry best practices and accessibility standards. It supports a broad range of tech stacks including HTML/Tailwind, React, Vue, mobile UI frameworks, and more, making it versatile for designers and developers alike.
    Downloads: 9 This Week
    Last Update:
    See Project
  • 12
    daisyUI 4

    daisyUI 4

    The most popular, free and open-source Tailwind CSS component library

    The most popular, free, and open-source component library for Tailwind CSS.daisyUI adds component class names to Tailwind CSS so you can make beautiful websites faster than ever. In a Tailwind CSS project, you need to write utility class names for every element. Thousands of class names just to style the most basic elements.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 13
    Shadcn UI NextJS Boilerplate

    Shadcn UI NextJS Boilerplate

    Shadcn UI NextJS Boilerplate. Free Open-source ChatGPT UI Admin

    Launch your SaaS startup within a few days with the first Admin Dashboard Shadcn UI NextJS boilerplate. Get started with Horizon AI Boilerplate today. Horizon AI Boilerplate is the first open-source Admin Dashboard OpenAI ChatGPT AI Template made for Shadcn UI, NextJS, and Tailwind CSS! Start creating outstanding Chat AI SaaS Apps faster. It comes with over 30+ dark/light frontend individual elements, like buttons, inputs, navbars, nav tabs, cards, or alerts, giving you the freedom of choosing and combining.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 14
    prompt-kit

    prompt-kit

    Core building blocks for AI apps

    prompt-kit is an open-source collection of high-quality, customizable UI components designed specifically for building modern AI-powered interfaces such as chat applications, agents, and autonomous assistants. It provides developers with a set of reusable building blocks that integrate seamlessly with frameworks like React, Next.js, and Tailwind CSS, enabling rapid development of polished and consistent AI user experiences.
    Downloads: 4 This Week
    Last Update:
    See Project
  • 15
    SaaS Boilerplate

    SaaS Boilerplate

    SaaS Boilerplate built with Next.js + Tailwind CSS + Shadcn UI

    SaaS Boilerplate is a powerful and fully customizable template to kickstart your SaaS applications. Built with Next.js and Tailwind CSS, and the modular UI components of Shadcn UI. This Next.js SaaS Template helps you to quickly build and launch SaaS with minimal effort. Packed with essential features like built-in Authentication, Multi-Tenancy with Team support, Role & Permission, Database, I18n (internationalization), Landing Page, User Dashboard, Form handling, SEO optimization, Logging, Error reporting with Sentry, Testing, Deployment, Monitoring, and User Impersonation, this SaaS template provides everything you need to get started. ...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 16
    SHADYX-UI

    SHADYX-UI

    From Copy to Vibe

    Created a customizable and developer-friendly UI component library that offers both static and animated reusable components for rapid web development.It simplifies UI building with pre-designed, responsive elements tailored for modern web apps. Tech Stack : Next Js, Tailwind Css, Framer Motion, Aceternity UI and Figma.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 17
    React Bits Library

    React Bits Library

    Open source collection of animated, interactive React components

    React-bits is an open-source library of animated, interactive, and fully customizable React UI components that empowers developers to build visually striking and dynamic web interfaces without spending excessive time crafting animations from scratch. It features a large and rapidly growing collection of components — including text effects, background animations, and interactive UI pieces — each designed to be easy to integrate into any modern React project and work seamlessly with popular styling systems like CSS and Tailwind CSS. ...
    Downloads: 7 This Week
    Last Update:
    See Project
  • 18
    HyperUI

    HyperUI

    Free Tailwind CSS v4 components for your next project

    HyperUI is a large, copy-and-paste library of Tailwind CSS components aimed at speeding up interface building without adding heavy JavaScript. It groups components by common product needs—navigation, hero sections, pricing, forms, cards, tables, and full e-commerce flows—so teams can assemble pages quickly from consistent building blocks. Each snippet is written as semantic HTML with Tailwind utility classes, making it easy to customize spacing, color, and typography through a project’s...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 19
    Its Hover

    Its Hover

    Icons that move with intent

    ...Instead of shipping static SVGs, it provides React components with animation baked in using motion/react, so hover and interaction states are part of the component design from the start. The project is designed to drop cleanly into modern React stacks, including Next.js and shadcn/ui-based projects, with Tailwind-friendly styling patterns. Installation can be as simple as pulling in specific icons and their dependencies, and it supports a registry-style workflow that fits teams that want consistency across products. It’s also meant to be forked and modified: you can copy the source of any icon, tweak the animation curves, adjust stroke width, and refine styling to match your system.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 20
    daisyUI

    daisyUI

    daisyUI components built with React

    daisyUI components built with React, Typescript, and TailwindCSS. A React component library for daisyUI, the most popular, free, and open-source Tailwind CSS component library.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 21
    screenshot-to-code

    screenshot-to-code

    Drop in a screenshot and convert it to clean code

    screenshot-to-code converts UI screenshots or design images into working front-end code, accelerating the path from concept to prototype. It uses modern vision-capable or code-generating models to infer layout structure, typography, and components, then outputs clean HTML/CSS (often Tailwind) or framework code. A web interface lets you upload images, tune options, and preview generated results, while a backend service orchestrates the model calls and post-processing.
    Downloads: 2 This Week
    Last Update:
    See Project
  • 22
    shadcn-chat

    shadcn-chat

    CLI for adding customizable and re-usable chat components

    shadcn-chat is a chat application template built using ShadCN/UI and Next.js. It provides a modern, stylish, and customizable chat interface designed for developers who want to integrate chat functionality into their applications quickly. The project follows best practices for UI development and supports real-time messaging features.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 23
    3D Website with Three.js

    3D Website with Three.js

    The most impressive websites in the world use 3D graphics

    Project_3D_developer_portfolio is a code-repository and tutorial project that teaches how to build a developer portfolio website enhanced with 3D graphics and animations, using technologies like React, Three.js, React Three Fiber, Tailwind CSS, Vite and more. The idea is to help developers create “the most impressive websites” by blending immersive 3D scenes and interactive UI elements with modern web frameworks. The README walks through the tech stack, features and how to get started, including cloning the repo, installing dependencies and running a dev server. Among its features are a customizable 3D hero section (e.g., a 3D model of a desktop), interactive skills and work sections with animations, a 3D earth model in the contact section, and responsive design so it works across devices. ...
    Downloads: 3 This Week
    Last Update:
    See Project
  • 24
    NextUI

    NextUI

    Beautiful, fast and modern React UI library.

    Make beautiful websites regardless of your design experience. Beautiful, fast, and modern React UI library. Provides a plugin to customize default themes, you can change all semantic tokens or create an entirely new theme. Built on top of Tailwind CSS, which means no runtime styles, and no unnecessary classes in your bundle. Automatic dark mode recognition, NextUI automatically changes the theme when detects HTML theme prop changes.
    Downloads: 2 This Week
    Last Update:
    See Project
  • 25
    Mckay’s App Template

    Mckay’s App Template

    This is the template I use to start new full-stack projects

    Mckay’s App Template is a full-stack starter template maintained by Mckay Wrigley, intended to help developers quickly bootstrap modern web applications without spending time on boilerplate setup. The template includes a frontend built with Next.js, Tailwind CSS, and often UI components/frameworks like Shadcn + Framer Motion; a backend stack using PostgreSQL, Supabase, and Drizzle ORM for database operations; authentication via Clerk; and optional payment integration using Stripe. By providing a ready-to-go configuration (with example folder structure, database setup, auth, payment hooks, and environment templates), it lets developers skip the tedious initial setup and get straight to building product features. ...
    Downloads: 0 This Week
    Last Update:
    See Project
  • Previous
  • You're on page 1
  • 2
  • Next
MongoDB Logo MongoDB