Search Results for "tailwind css"
Sort By:
Showing 45 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.
-
Save Up to 91% on Cloud Compute With Spot VMsRun batch jobs at 60-91% off with Spot VMs. Long-running workloads get automatic discounts with sustained use.
-
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. ... -
Train ML Models With SQL You Already KnowBuild and deploy ML models using familiar SQL. Automate data prep with built-in Gemini. Query 1 TB and store 10 GB free monthly.
-
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
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. ... -
8
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. ... -
9
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. ... -
$300 Free Credits to Build on Google CloudPut your $300 in credit toward real workloads, then keep building with free monthly usage for 20+ products. No commitment and no charge until you upgrade.
-
10
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. -
11
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. -
12
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. -
13
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. ... -
14
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. -
15
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. -
16
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. -
17
Precedent
An opinionated collection of components, hooks, and utilities
...It provides a prepared foundation for teams that want to begin building an application without assembling every frontend dependency manually. The template combines Next.js and TypeScript with Tailwind CSS, Radix UI primitives, Framer Motion animations, Lucide icons, and optimized fonts. Clerk integration supplies ready-made user management and authentication components. Included hooks cover intersection observation, local storage, scrolling, and debouncing, while utilities handle common string and number formatting tasks. ESLint and Prettier enforce consistent code quality, and Vercel Analytics can measure traffic with privacy-conscious reporting. ... -
18
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. ... -
19
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. -
20
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. -
21
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. ... -
22
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. ... -
23
Startup
Startup is free Next.js template for SaaS startups
Startup Next.js is a free, open source website template designed to help developers quickly launch startup, SaaS, or business websites using modern web technologies. It is built with Next.js and Tailwind CSS, combining performance-focused architecture with utility-first styling for rapid development. The template includes all essential pages and sections required for a complete business website, such as landing pages, feature sections, blogs, and contact areas. It emphasizes clean, high-quality design and follows best practices in semantic coding, making it suitable for production use. ... -
24
Fancy Components
Library of fancy, fun, animated react components
...Its positioning suggests a growing collection rather than a fixed set of components, which makes it appealing for designers and frontend developers who want a source of creative interaction patterns they can keep revisiting as the library expands. The project is also clearly aligned with a modern React stack, and its topic tags indicate a strong connection to animation, motion design, Tailwind CSS, and Framer Motion. -
25
Pattern Craft
Professional-grade background patterns and gradients
...The project centers on production-ready snippets that are meant to be copied directly into real interfaces rather than treated as static inspiration only. Its repository describes more than 100 patterns and gradient snippets, with an emphasis on modern CSS techniques and Tailwind-friendly implementation, which makes it especially useful for teams already building with component-based frontend stacks. The experience is designed around fast discovery and immediate usability, since users can preview patterns live, browse organized categories, and save favorites for later reuse. It is particularly well suited to developers and designers working in React, Next.js, Vue, Angular, or similar frontend ecosystems.
