Search Results for "tailwind css" - Page 3
Sort By:
Showing 119 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.
-
99.99% Uptime for MySQL and PostgreSQL DatabasesCloud SQL Enterprise Plus delivers near-zero downtime with 35 days of point-in-time recovery. Supports MySQL, PostgreSQL, and SQL Server.
-
1
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. ... -
2
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. ... -
3
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. ... -
4
Medusa Next.js Starter Template
A performant frontend ecommerce starter template with Next.js
...By combining Medusa’s modular commerce APIs with the capabilities of Next.js, the template enables developers to build fast, scalable storefront applications while maintaining full flexibility over design and functionality. The template includes a preconfigured setup with technologies such as TypeScript and Tailwind CSS, allowing developers to customize styling and user experience while retaining a production-ready foundation. It also takes advantage of the latest Next.js features such as the App Router, server components, and modern data-fetching mechanisms to improve performance and maintainability. -
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
shadcn Taxonomy
An open source application built using the new router
...Rather than serving as a simple template, Taxonomy acts as a real application example that includes authentication, subscription management, documentation pages, and blogging functionality. The application uses a modern development stack including TypeScript, Tailwind CSS, and UI components based on Radix UI to build accessible and responsive interfaces. It also integrates backend functionality through Prisma ORM and database services while supporting API routes and middleware for server-side logic. -
6
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. ... -
7
designlang
Extract any website's complete design system with one command
...It generates structured outputs such as design tokens, semantic components, and styling systems that can be used across multiple platforms. The tool supports exporting to frameworks like Tailwind, SwiftUI, Flutter, and WordPress, making it highly versatile for cross-platform development. It also integrates with tools like Figma and shadcn, enabling seamless design-to-code workflows. The system includes accessibility analysis features, such as WCAG compliance checks and CSS health audits, helping developers improve usability and standards compliance. ... -
8
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. -
9
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. ... -
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.
-
10
Simple Form
Forms made easy for Rails! It's tied to a simple DSL
Simple Form is a Ruby on Rails gem that simplifies form-building by providing a clean DSL for generating HTML forms. It works alongside Rails form helpers and supports integration with Bootstrap, Tailwind, and custom markup—allowing developers to write forms quickly without compromising layout flexibility. -
11
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. The library includes specialized UI elements such as audio players, waveform visualizers, conversational interfaces, and interactive voice components, all tailored for building agent-driven experiences. ... -
12
Livewire PowerGrid
PowerGrid generates Advanced Datatables using Laravel Livewire
PowerGrid creates modern, powerful and easy-to-customize Datatables based on the Laravel Livewire library. Tables have basic features activated by default. Extend and customize your table including components (checkbox, action buttons, editable fields), global search feature, column data filters, and data export tool. Table components include feature examples. Just uncomment some code, enter your data, and it works. -
13
Kanba
Kanba is an open-source project management tool for modern teams
Kanba is a modern, open-source, self-hostable Trello-like project management tool aimed at solo developers, indie hackers, and small teams. It emphasizes simplicity, speed, and a distraction-free experience while offering core Kanban board functionality. Built with a modern stack—Next.js, Tailwind CSS, Supabase, and optional Stripe integration—it features dark/light modes, unlimited projects, team collaboration tools, and seamless deployment both locally and to platforms like Vercel. -
14
Shadcn UI NextJS Boilerplate
Shadcn UI NextJS Boilerplate. Free Open-source ChatGPT UI Admin
...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. -
15
Magic Resume
free online AI resume editor
Magic Resume is a modern, open-source AI-powered resume builder designed to simplify the process of creating professional resumes through an interactive, visually rich web interface. Built with modern frontend technologies such as TanStack Start, TypeScript, and Tailwind CSS, it provides a smooth and responsive user experience enhanced by animation frameworks that make editing intuitive and engaging. The platform offers real-time preview capabilities, allowing users to instantly visualize changes as they build their resume, which significantly improves usability and iteration speed. It supports customizable themes and layouts, enabling users to tailor the design to different industries or personal branding preferences. ... -
16
Shadcn Admin Dashboard
Admin Dashboard UI built with Shadcn and Vite
...Accessibility and responsive behavior are treated as core design requirements rather than optional additions. Several shadcn components are modified to improve right-to-left language support. TanStack Router handles navigation, while Tailwind CSS and Radix UI provide styling and accessible primitives. -
17
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. ... -
18
Zola
Open chat interface for all your models
...The interface is responsive and includes light and dark themes. Zola can be self-hosted and also supports Docker-based deployment, including setups with Ollama. Its stack uses Next.js, Tailwind CSS, shadcn/ui, the Vercel AI SDK, and Supabase, while MCP support is under development. -
19
AI Website Cloner Template
Clone any website with one command using AI coding agents
AI Website Cloner Template is a reusable project template that enables AI coding agents to reverse-engineer and recreate existing websites as modern, production-ready applications. It automates the process of analyzing a target website, extracting its design system, and rebuilding it using technologies such as Next.js, React, and Tailwind CSS. The system operates through a multi-stage pipeline that includes reconnaissance, component specification, parallel generation, and final assembly, ensuring high fidelity to the original design. It leverages AI agents to perform tasks such as capturing layouts, extracting styles, and generating code for each component. The template is designed for flexibility, allowing developers to customize the generated output or adapt it for different use cases such as migrations or learning. ... -
20
NextUI
Beautiful, fast and modern React UI library.
...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. NextUI is fully-typed to minimize the learning curve and provide the best possible developer experience. NextUI comes with a fully well-scaled default dark theme that you can apply to your application by just adding the dark attribute to your HTML. -
21
MoonTV
This project adopts the CC BY-NC-SA protocol
MoonTV is a self-hosted cross-platform media aggregation and playback application. It is built with Next.js, TypeScript, and Tailwind CSS and combines search results from user-configured content sources. The interface provides detailed media pages with episode lists, cast information, release years, and descriptions. Playback uses HLS.js and ArtPlayer, while favorites and viewing progress can synchronize through Kvrocks, Redis, or Upstash. The application also supports PWA installation, responsive desktop and mobile layouts, and experimental removal of advertising segments from streams. ... -
22
Gitify
GitHub notifications on your menu bar
...Gitify will notify you every time you receive a notification by playing a sound (not an annoying one - it's a promise), showing native mac OS notifications or by just turning its tray icon to green. It is not there to interrupt your workflow or distract you, you can customize your settings to your preference. Gitify is based on Electron, React, Tailwind CSS and more awesome open source libraries. Written in Typescript. -
23
Phoenix Framework
Peace of mind from prototype to production
Phoenix is a high-performance, productive web development framework written in Elixir. It runs on the Erlang VM (BEAM). It is designed to support both traditional request/response web applications. It also supports real-time, soft-real-time applications via WebSockets, channels, PubSub, and presence features. Phoenix emphasizes fault tolerance, scalability, and developer productivity. It provides tools like code generators, LiveView integration, templating, routing, and a flexible plug... -
24
OpenStatus
Status page with uptime monitoring & API monitoring as code
...The platform also generates customizable public or private status pages that automatically reflect real-time service health, improving transparency with customers and stakeholders. Built with modern web technologies such as Next.js and Tailwind CSS, openstatus supports both managed deployments and self-hosted environments using lightweight Docker images. Its monitoring-as-code approach allows teams to define checks in YAML and integrate them into CI/CD workflows for automated validation. -
25
Sage
WordPress starter theme with a modern development workflow
Write stylesheets with Sass, automatically check your JavaScript for errors, optimize images, enable synchronized browser testing, and more with our Webpack based setup. Sage comes with the latest version of Bootstrap. Replace Bootstrap with Bulma, Foundation, Tachyons, Tailwind, or a blank slate upon installation. You will have the option to define theme meta information (name, URI, description, version, author) and choose a CSS framework. Sage uses Laravel's Blade templating engine, and since the .blade.php files live in a publicly accessible directory on your webserver, we recommend preventing plain-text access to them. ...
