Awesome GitHub RepositoriesPre-designed UI Elements

Flowbite is a cross-framework UI library and design system built as a collection of pre-styled components and layout blocks using Tailwind CSS utility classes. It functions as a TypeScript UI toolkit and a general web framework for creating responsive websites and applications. The project provides a mirroring Figma design system to allow prototyping of components and variants before they are coded. It distinguishes itself through an AI-driven approach to page generation and the creation of design specifications via a command-line interface. The library covers a wide range of interactive int

Workout-Cool is a self-hosted fitness application that combines an exercise database browser, workout plan builder, and progress tracking dashboard into a single coaching platform. The application runs on personal infrastructure with full code access, storing workout data locally in the browser while offering optional account-based synchronization for continuity across sessions. The platform provides a searchable exercise library with detailed instructions and video demonstrations, along with pre-built workout programs that can be filtered by difficulty, duration, and equipment requirements.

This project is an HTML email framework and compiler designed to build responsive emails using a high-level syntax that transforms into table-based layouts. It functions as an HTML-to-table compiler and CSS inliner, ensuring that simplified markup is converted into the complex nested structures and inline attributes required for cross-client compatibility. The framework features a responsive email grid system and Sass-based styling, allowing the use of variables to manage colors, typography, and spacing. These tools enable custom brand theming and the creation of fluid layouts that adapt to v

Skeleton est une boîte à outils d'interface utilisateur Svelte Tailwind et une bibliothèque de composants adaptatifs. Il fournit un système de conception axé sur les utilitaires pour construire des interfaces web réactives, en se concentrant sur des thèmes et une typographie cohérents sur différentes tailles d'écran. La boîte à outils combine des composants pré-stylisés avec des outils de mise en page pour prendre en charge la conception d'UI réactive et le prototypage frontend rapide. Elle permet la création d'interfaces utilisateur adaptatives grâce à un ensemble standardisé de classes utilitaires pour le style et la mise en page. Le système couvre des capacités de haut niveau en développement web Svelte et en style Tailwind CSS, utilisant un système de grille flexible et des thèmes basés sur des variables CSS.

Material Kit is an open-source UI component library that provides pre-styled Material Design elements for building responsive web interfaces with Bootstrap 5. It offers a collection of reusable components like buttons, inputs, navbars, cards, and modals that follow Google's Material Design guidelines, along with a 12-column flexbox grid system for fluid layouts that adapt to any screen size. The kit distinguishes itself by including pre-built page sections such as headers, feature blocks, pricing tables, and footers that can be combined into complete page layouts, reducing the time needed to

Astrowind is a high-performance site framework and bootstrapping tool designed for building marketing sites, professional portfolios, and high-conversion landing pages. It utilizes a utility-first CSS architecture and a component-based UI library to assemble responsive websites. The project specializes in conversion rate optimization through targeted templates for lead generation, product sales, subscription captures, and pre-launch teasers. It includes specific infrastructure for static blogging, utilizing markdown-based content modeling and rendering for long-form articles. The framework c

React Email Editor is a drag-and-drop visual builder for creating responsive email templates, built as a React embeddable component. It also serves as an AI-powered email designer, a collaborative email design tool, and a React component library for composing emails programmatically with JSX. The editor represents designs as structured JSON and supports multi-format rendering for email clients, web pages, and PDF. What distinguishes this editor is its deep AI integration: users can generate full email templates from natural language, rewrite text with chosen intent, produce multiple text vari