Search Results for "tailwind css" - Page 2
Sort By:
Showing 109 open source projects for "tailwind css"
View related business solutions-
$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.
-
Veeam Data Platform v13.1 - Get Your Free TrialTry Veeam Data Platform today. Experience the unified platform that's secure by design, portable by default, and proven to recover clean, fast, and anywhere.
-
1
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. -
2
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. -
3
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. -
4
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. -
Ship Agents FasterGemini Enterprise Agent Platform lets you rapidly build, scale, govern and optimize production-ready agents grounded in your organization's data. The platform enables developers to build custom or pre-built agents for virtually any use case. New customers get $300 in free credits.
-
5
XY
Ultra-fast and customizable Python charts
...Large datasets can be rendered as bounded density or decimated views, while zooming retrieves finer details and original rows. Interactive capabilities include panning, zooming, hovering, selections, crosshairs, callbacks, and linked charts. Visual styling can be controlled with Python, CSS, or Tailwind, and charts can appear in notebooks or web applications. Finished visualizations can also be exported as HTML, PNG, SVG, or PDF. -
6
Complete Intro to React v8
The Complete Intro to React, as taught by Brian Holt
...Learners work with JSX, props, state, effects, hooks, context, routing, and specialized React APIs. Later modules cover performance, low-priority rendering, TypeScript, Redux, Tailwind CSS, and application testing. The repository hosts the course website and written lessons, while a separate project repository provides step-by-step application files. Its organized sections let students move from fundamentals into production-oriented patterns. The code is Apache 2.0 licensed, and the course content is available for noncommercial sharing. -
7
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. -
8
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. ... -
9
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. ... -
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.
-
10
templUI
A growing collection of beautifully designed UI components for Go
templUI is a modern UI component library built specifically for Go applications using the templ templating language, offering a developer-first approach to building interfaces with strong type safety and performance. It provides a growing collection of beautifully designed, production-ready components styled with Tailwind CSS, allowing developers to construct modern web interfaces without relying on heavy frontend frameworks. One of its defining principles is code ownership, meaning developers can either import components directly or copy them into their projects using a CLI, ensuring full control over customization and long-term maintenance. The library avoids JavaScript frameworks entirely, instead relying on lightweight, vanilla implementations that prioritize speed and simplicity. templUI also emphasizes security and compliance, with features such as CSP-friendly rendering and no inline scripts, making it suitable for enterprise environments. -
11
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. -
12
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. -
13
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. ... -
14
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. ... -
15
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. ... -
16
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. When a user sketches a UI on the canvas, the application captures the current drawing as SVG, converts it into a PNG image, and sends that image to a vision model that generates the corresponding markup. The result is an automated design-to-code workflow where rough interface ideas can quickly become functional web layouts. ... -
17
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. ... -
18
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. -
19
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. -
20
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. The library is designed to work alongside shadcn/ui, allowing developers to extend existing design systems with AI-specific interaction patterns such as prompt inputs, streaming responses, and conversational layouts. Prompt Kit emphasizes accessibility, performance, and design consistency, making it suitable for production-grade applications that require both functionality and visual quality. ... -
21
Page UI
Landing page UI components for React & Next.js
Page UI is a modern UI component library specifically designed for building high-conversion landing pages using React and Next.js, with styling powered by Tailwind CSS. Unlike traditional UI libraries that focus on generic application components, Page UI is tailored toward marketing and product landing pages, offering prebuilt sections and layouts that are optimized for user engagement and conversion. It is closely tied to the PageAI ecosystem, which uses AI to generate complete websites, making Page UI a foundational layer for those generated interfaces. ... -
22
Papermark
Papermark is the open-source DocSend alternative
Papermark is an open-source document-sharing platform that serves as an alternative to services like DocSend. It allows users to share documents securely with built-in analytics and custom domain support. Papermark is designed for ease of use and can be self-hosted, providing full control over document distribution and tracking. -
23
heroui-native
Beautiful, fast and modern React Native UI library
heroui-native is a modern React Native UI component library designed to provide developers with beautiful, high-performance, and accessible mobile interface elements out of the box. Built with Tailwind CSS principles through Uniwind, it allows developers to apply familiar utility-first styling patterns to native mobile development. The library emphasizes design consistency and usability, offering components that are visually polished while maintaining flexibility for customization. Each component is fully typed and follows predictable patterns, making it easier to integrate into large-scale applications. ... -
24
Sera UI
UI component library for React, Next.js, and other JSX frameworks
Sera UI is a modern, open source component library designed for React, Next.js, and other JSX-based frameworks, focused on helping developers build visually polished and highly interactive user interfaces with minimal effort. It is built on top of Tailwind CSS, which enables a utility-first styling approach that makes customization fast, flexible, and consistent across projects. One of its defining characteristics is its copy-and-paste philosophy, allowing developers to directly own and modify component code instead of relying on rigid packages or black-box abstractions. The library includes a growing collection of reusable components such as buttons, forms, modals, tabs, and layout elements, all crafted with attention to design quality and usability. ... -
25
Float UI
Beautiful and responsive UI components and templates
Float UI is an open-source collection of modern UI components and website templates built primarily for React, with planned support for Vue, designed to help developers rapidly build visually polished and responsive web applications. It combines Tailwind CSS with carefully crafted design patterns to deliver components that are both aesthetically appealing and production-ready. The project includes a wide variety of reusable UI elements and complete templates, such as landing pages, dashboards, and navigation layouts, allowing developers to bootstrap projects quickly. One of its strengths is its focus on simplicity and accessibility, providing ready-made solutions that can be easily customized without complex configuration. ...
