Search Results for "tailwind css"
Sort By:
Showing 69 open source projects for "tailwind css"
View related business solutions-
Build Agents and Models on One PlatformGemini Enterprise Agent Platform is Google Cloud's comprehensive platform for developers to build, scale, govern, and optimize agents and models. Choose from Google's most advanced models and third-party models like Anthropic's Claude Model Family.
-
Cut Data Warehouse Costs by 54%BigQuery delivers 54% lower TCO with exabyte scale and flexible pricing. Free migration tools handle the SQL translation automatically.
-
1
Material Tailwind
Easy-to-use components library for Tailwind CSS and Material Design
Material Tailwind is an open-source library that uses the power of Tailwind CSS and React to help you build unique web projects faster and easier. The stunning design inspired by Material Design is a bonus. Enhance your workflow with seamless integrations for your favorite tools using Material Tailwind. -
2
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. ... -
3
TWC
Create reusable React + Tailwind CSS components in one line
TWC is a lightweight utility for creating reusable React components styled with Tailwind CSS in a single declaration. It replaces repetitive forwarding, class merging, and prop plumbing with a compact tagged-template API such as twc.div. Components retain editor autocomplete and can adapt their Tailwind classes according to incoming props. The asChild option allows existing classes to be reused while rendering another component or element. -
4
Boilerplate and Starter for Next JS 12+
Boilerplate and Starter for Next.js 12+, Tailwind CSS 3 and TypeScript
Boilerplate and Starter for Next JS 12+, Tailwind CSS 3 and TypeScript. Boilerplate and Starter for Next.js, Tailwind CSS and TypeScript. Made with developer experience first: Next.js, TypeScript, ESLint, Prettier, Husky, Lint-Staged, Jest, Testing Library, Commitlint, VSCode, Netlify, PostCSS, Tailwind CSS. If you are VSCode users, you can have a better integration with VSCode by installing the suggested extension in .vscode/extension.json. ... -
Demo Series - Small Business Backup By VeeamWatch this on-demand demo series and learn how to protect your Microsoft 365 data with clear, simple, actionable steps that are easy to implement for businesses of all sizes.
-
5
Flowbite Svelte
Official Svelte components built for Flowbite and Tailwind CSS
Flowbite Svelte is an official UI component library that brings the Flowbite design system into the Svelte ecosystem, enabling developers to build modern web applications using reusable components powered by Tailwind CSS. The library provides a comprehensive collection of interactive elements such as modals, dropdowns, navigation bars, forms, and data display components, all implemented with Svelte’s reactive model rather than external JavaScript logic. Because Svelte compiles components into efficient JavaScript that directly manipulates the DOM, Flowbite Svelte benefits from high performance and minimal runtime overhead while still offering rich interactivity. ... -
6
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. Choose any of the 100k+ icons from the most popular icon libraries with the Icon component or the icon prop. Nuxt UI comes with a set of Vue composables to easily handle keyboard shortcuts in your app. -
7
Preline UI
Preline UI is an open-source set of prebuilt UI components
Preline is an open-source UI component library designed to work alongside utility-first Tailwind CSS projects, providing a comprehensive set of prebuilt, responsive, interactive interface elements for modern web development. It includes a rich collection of components such as buttons, navigation bars, dropdowns, modals, form controls, and more that are styled using Tailwind’s utility classes and are easy to customize without writing low-level CSS. -
8
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. ... -
9
Next.js Landing Page Starter Template
Free NextJS Landing Page Template written in Tailwind CSS 3
Next.js Landing Page Starter Template is a production-oriented foundation for creating marketing websites with Next.js, TypeScript, and Tailwind CSS. It includes reusable sections for navigation, a hero area, product features, calls to action, and a footer. The template favors a minimal component structure that can be rebranded through centralized configuration, styles, images, and content files. SEO support includes metadata, Open Graph information, and JSON-LD structured data. ... -
Custom VMs From 1 to 96 vCPUs With 99.95% UptimeLive migration and automatic failover keep workloads online through maintenance. One free e2-micro VM every month.
-
10
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. ... -
11
BG.IBELICK
Modern background snippets: copy, paste, ready-to-use
BG.IBELICK is an open-source collection of modern web background designs made with Tailwind CSS. It is intended for developers who want polished visual backgrounds without creating each effect from scratch. Every snippet is designed to be copied and pasted directly into another project. The collection focuses on reusable styling patterns rather than requiring a dedicated runtime component library. Its designs can be adapted for landing pages, application sections, dashboards, and other interface surfaces. ... -
12
cnfast
Fast drop in replacement for `cn`
cnfast is a high-performance JavaScript replacement for the common cn utility used in Tailwind CSS projects. It combines conditional class values and resolves conflicting Tailwind classes while preserving byte-identical output with tailwind-merge. The package exposes cn, clsx, twMerge, and twJoin through a familiar API. Existing clsx, classnames, tailwind-merge, and shadcn/ui projects can migrate with minimal or automated changes. -
13
Liam
Automatically generates beautiful and easy-to-read ER diagrams
...Liam is API-first, offering a flexible GraphQL interface and modular architecture that integrates easily with modern stacks. The frontend is built with Next.js and Tailwind CSS, making it sleek and developer-friendly. Ideal for startups and technical teams looking for a hackable CRM solution. -
14
next-starter
A Next.js starter template, packed with features
next-starter is a comprehensive Next.js starter template designed to accelerate project initialization. It integrates essential tools and technologies, including TypeScript, Tailwind CSS, NextAuth.js, ESLint, Stripe, and various testing utilities, providing a robust foundation for building scalable and maintainable web applications. -
15
cult/ui
Components crafted for Design Engineers. Styled using Tailwind CSS
...It focuses on providing copy-and-paste components that integrate seamlessly into existing projects, reducing the need for complex setup or heavy dependencies. The library is built using modern frontend technologies such as Tailwind CSS and is fully compatible with ecosystems like shadcn, making it highly adaptable. It also includes a large catalog of prebuilt AI agent patterns and templates, allowing developers to rapidly prototype and deploy AI-powered features such as data analysis tools, chat interfaces, and automation systems. The project emphasizes developer experience, offering live previews, modular design, and full-stack templates that can be used as starting points for applications. ... -
16
React Course
Large project-based repository covering React
...Learners then apply those concepts to complete projects such as the Backroads website and several smaller interactive applications. Advanced sections introduce Axios, React Query, external APIs, Contentful CMS, Redux Toolkit, and application state patterns. Later modules expand into Tailwind CSS, TypeScript, React with TypeScript, and Next.js. Larger store and job-management applications demonstrate how these technologies work together in more realistic projects. The repository contains lesson notes, starter code, completed examples, and incremental project material for following the associated React course. -
17
vscode-blade-formatter
An opinionated Blade file formatter for VSCode
...Automatically add spacing to blade template markers. PHP 8 support (null safe operator, named arguments) PSR-2 support (format inside directives) Automatically sort Tailwind CSS classes with respect of tailwind.config.js. To configure settings per project, put .bladeformatterrc.json or .bladeformatterrc to your project root will vscode-blade-formatter treat it as setting files. -
18
Motion-Primitives
UI kit to make beautiful, animated interfaces, faster
Motion Primitives is an open-source UI kit of animated components for building polished web interfaces faster. Its components are designed for engineers and designers who want motion without recreating interactions from scratch. The project uses Motion and Tailwind CSS as its core animation and styling technologies. Components are designed to be easy to integrate and customize within existing interfaces. The repository separates reusable core components from UI and website-specific elements to support a structured implementation. It is currently distributed as a beta project with dedicated documentation and continuing additions to its component collection. -
19
Tailgrids
Open-source React UI library built with Tailwind CSS
Tailgrids is an open source UI component library built with Tailwind CSS, designed to accelerate the development of modern web applications by providing a large collection of production-ready components and templates. It offers more than 100 free components along with additional UI blocks and templates, enabling developers to quickly assemble interfaces for dashboards, landing pages, SaaS products, and eCommerce platforms. -
20
tremor
React components to build charts and dashboards
React components to build charts and dashboards 20+ open-source components built on top of Tailwind CSS to make visualizing data simple again. Fully open-source, accessible, and customizable. Tremor NPM 20+ open-source components built on top of Tailwind CSS to make visualizing data simple again. Fully open-source, made by data scientists and software engineers with a sweet spot for design. -
21
gluestack-ui
React & React Native Components & Patterns
...Instead of installing a monolithic dependency, developers can selectively copy only the components they need directly into their codebase, avoiding unnecessary bloat and vendor lock-in. The library is deeply integrated with Tailwind CSS through NativeWind, allowing a consistent styling approach across both web and mobile platforms. It emphasizes composability and flexibility, enabling developers to customize every aspect of a component, including behavior, structure, and styling. The architecture supports React Server Components and modern TypeScript tooling, making it suitable for scalable and high-performance applications. ... -
22
TailwindSQL
TailwindSQL lets you write SQL queries using Tailwind-style class name
TailwindSQL is an experimental library that lets developers write SQL queries using Tailwind-style class names, essentially turning database queries into declarative class attributes that can be used directly in frameworks like React Server Components. Inspired by the simplicity and utility of Tailwind CSS, TailwindSQL allows developers to describe database queries using a familiar syntax such as db-table-column-where-field-value, collapsing traditional SQL into readable, utility-driven structures that map directly to data fetches. ... -
23
spartan
Cutting-edge tools powering Angular full-stack development
...The UI layer is built on accessible, unstyled primitives that can be enhanced with styled layers, giving teams control over both accessibility and visual design without being locked into a rigid theme. Spartan integrates well with modern Angular tooling such as Nx and Tailwind CSS, making it suitable for scalable, enterprise-level projects. -
24
Intent UI
Intent UI is a chill set of React components
Intent UI is a modern React component library focused on accessibility, customization, and developer ownership, built on top of React Aria Components and styled with Tailwind CSS. It follows a copy-and-paste philosophy similar to shadcn/ui, allowing developers to directly integrate and modify components within their own codebases instead of relying on rigid dependencies. The library emphasizes accessible design by leveraging ARIA standards and best practices, ensuring that components work well with keyboard navigation and assistive technologies. ... -
25
21st.dev
Largest marketplace of shadcn/ui-based components
21st is an open-source community-driven registry and marketplace for modern React UI components, designed to streamline the discovery, sharing, and installation of reusable interface elements. It functions similarly to a package manager for design engineers, allowing users to browse and install components built with Tailwind CSS and Radix UI directly into their projects. The platform emphasizes minimal, production-ready components that follow modern design and accessibility practices, making it easier to build high-quality interfaces without starting from scratch. Developers can publish their own components to the registry, where they go through a review process before being featured or widely distributed. ...
