Search Results for "tailwind css" - Page 3
Sort By:
Showing 109 open source projects for "tailwind css"
View related business solutions-
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.
-
Build Securely on AWS with Proven FrameworksMoving to the cloud brings new challenges. How can you manage a larger attack surface while ensuring great network performance? Turn to Fortinet’s Tested Reference Architectures, blueprints for designing and securing cloud environments built by cybersecurity experts. Learn more and explore use cases in this white paper.
-
1
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. ... -
2
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. ... -
3
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. -
4
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. ... -
$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.
-
5
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. -
6
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. ... -
7
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. -
8
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. ... -
9
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. -
Go from Code to Production URL in SecondsSkip the Kubernetes configs. Cloud Run handles HTTPS, scaling, and infrastructure automatically. Two million requests free per month.
-
10
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. -
11
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. ... -
12
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. -
13
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. -
14
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. ... -
15
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. -
16
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. -
17
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. ... -
18
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. -
19
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... -
20
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. -
21
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. ... -
22
Peinture
A general-purpose AI image generation framework that supports HF
Peinture is a sleek, dark-themed web application that brings AI-powered image generation to artists, designers, and casual creators through a modern interface built with React, TypeScript, and Tailwind CSS. Instead of tying users to a single service, Peinture integrates multiple backend providers, including Hugging Face, Gitee AI, Model Scope, and others, so you can switch between models or extend support to custom endpoints — giving you flexibility over where and how your images are generated. It not only generates images from prompts but also includes tools to edit those images after creation, with features like selection tools and reference image support that let you refine artwork in place. ... -
23
PrimeVue
Next Generation Vue UI Component Library
...The library offers dozens of components covering common interface needs such as forms, data tables, charts, navigation, and layout systems, along with advanced features like accessibility compliance and responsive design. PrimeVue supports both styled and unstyled modes, allowing developers to either use built-in themes or fully customize the appearance using external CSS frameworks like Tailwind. Its architecture includes a monorepo structure with modular packages for core functionality, icons, themes, and integrations with tools like Nuxt. -
24
ReUI
Design-forward shadcn kit for interfaces that stand out
ReUI is a design-forward component library built for the shadcn/ui ecosystem, offering a large-scale collection of production-ready UI components and layouts intended to accelerate modern React and Next.js development. Unlike traditional UI libraries that focus on isolated components, ReUI emphasizes real-world usage by presenting components within complete dashboard layouts and application flows, making it easier for developers to understand how pieces fit together in practical scenarios.... -
25
Phlex
Object-oriented views in Ruby
...One of its key advantages is performance, as it can render HTML extremely quickly while maintaining predictable scaling even with complex component hierarchies. Phlex integrates seamlessly with Ruby on Rails and supports common tools such as Tailwind CSS, Stimulus, and Turbo, making it easy to incorporate into modern Rails applications. It also emphasizes safety and maintainability by preventing common issues such as cross-site scripting through structural design and strict data handling. Developers benefit from reusable components, modular architecture, and the ability to stream content for improved performance and user experience.
