Search Results for "tailwind css v4"
Sort By:
Showing 71 open source projects for "tailwind css v4"
View related business solutions-
Gemini 3 and 200+ AI Models on One PlatformBuild generative AI apps with Vertex AI. Switch between models without switching platforms.
-
Try Google Cloud Risk-Free With $300 in CreditUse your credit across every product. Compute, storage, AI, analytics. When it runs out, 20+ products stay free. You only pay when you choose to.
-
1
Tailwind CSS
A utility-first CSS framework for rapid UI development
...In fact, most Tailwind projects ship less than 10kB of CSS to the client. -
2
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. -
3
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 Tailwind config. ... -
4
Tailwind Starter Kit
Tailwind Starter Kit a beautiful extension for TailwindCSS, Free
Tailwind Starter Kit is Free and Open Source. It does not change or add any CSS to the already one from TailwindCSS. It features multiple HTML elements and it comes with dynamic components for ReactJS, Vue and Angular. Tailwind Starter Kit comes with a huge number of Fully Coded CSS components. This extension also comes with 3 sample pages. -
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.
-
5
DASH V4
Blazing fast library to create a functional dashboard on ESP8266
DASH V4 is the 4th-gen blazing fast library to create a functional & real-time dashboard for ESP8266 & ESP32 microcontrollers. This library includes charts, display cards, interactive buttons and many more components to create a perfect dashboard that is accessible locally via your IoT device's IP. DASH does not require any kind of internet connection, everything is stored locally. -
6
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. ... -
7
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. -
8
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. ... -
9
Termwind
It's like Tailwind CSS, but for the PHP command-line applications
Termwind is a PHP package that allows developers to build beautiful command-line interfaces (CLIs) using a Tailwind CSS-inspired syntax. It simplifies the process of creating styled output in terminal applications by providing utility classes for colors, alignment, borders, and spacing. Termwind is designed for developers who want to build interactive and visually appealing CLI tools. -
Stop Storing Third-Party Tokens in Your DatabaseRolling your own OAuth token storage can be a security liability. Token Vault securely stores access and refresh tokens from federated providers and handles exchange and renewal automatically. Connected accounts, refresh exchange, and privileged worker flows included.
-
10
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. -
11
Laravel Jetstream
Tailwind scaffolding for the Laravel framework.
...Jetstream provides the perfect starting point for your next Laravel application and includes login, registration, email verification, two-factor authentication, session management, API support via Laravel Sanctum, and optional team management. Jetstream is designed using Tailwind CSS and offers your choice of Livewire or Inertia scaffolding. -
12
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. -
13
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. ... -
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
Twin
Twin blends the magic of Tailwind with the flexibility of css-in-js
Twin blends the magic of Tailwind with the flexibility of CSS-in-js (emotion, styled-components, stitches, and goober) at build time. When babel runs over your javascript or typescript files at compile time, twin grabs your classes and converts them into CSS objects. These CSS objects are then passed into your chosen CSS-in-js library without the need for an extra client-side bundle. -
16
React Bits Library
Open source collection of animated, interactive React components
...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. The library supports both JavaScript and TypeScript variants for many components, giving developers flexibility in how they use and adapt them to their codebase. React-bits puts emphasis on creativity, performance, and minimal dependencies, so animations and effects are lightweight but still fluid and expressive, helping sites stand out with compelling visual interactions. -
17
Puter
The Internet OS! Free, Open-Source, and Self-Hostable
...It mimics the experience of a traditional desktop OS, allowing users to manage files, launch apps, and interact with a graphical interface—all within a web browser. The project is designed to be both functional and nostalgic, combining the aesthetic of retro operating systems with modern development tools like React and Tailwind CSS. Puter offers a self-hostable, customizable environment for those seeking an online workspace or hobby project. -
18
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. -
19
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. ... -
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
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. -
22
Laravel Breeze
Minimal Laravel authentication scaffolding with Blade, Vue, or React
Breeze provides a minimal and simple starting point for building a Laravel application with authentication. Styled with Tailwind, Breeze publishes authentication controllers and views to your application that can be easily customized based on your own application's needs. Laravel Breeze is powered by Blade and Tailwind. While you are welcome to use these starter kits, they are not required. You are free to build your own application from the ground up by simply installing a fresh copy of... -
23
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. -
24
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. ... -
25
AI Logo Generator
A free + OSS logo generator powered by Flux on Together AI
...It uses the Flux Pro 1.1 model hosted on Together AI to generate logos, so the heavy lifting is done by a state-of-the-art image model while the app focuses on UX and workflow. The project is built with Next.js and TypeScript, and it uses shadcn/ui plus Tailwind CSS for a modern, responsive interface that feels like a polished SaaS product rather than a demo. It integrates Clerk for authentication so users can sign in, save their logo history (planned via a dashboard), and potentially manage usage tied to their own API key. Upstash Redis is used for rate limiting, which is important for controlling API usage and preventing abuse when generating many images. ...
