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 ist ein Svelte Tailwind UI-Toolkit und eine adaptive Komponentenbibliothek. Es bietet ein Utility-First-Designsystem für den Aufbau reaktiver Web-Interfaces, wobei der Fokus auf konsistenten Themes und Typografie über verschiedene Bildschirmgrößen hinweg liegt. Das Toolkit kombiniert vorgestylte Komponenten mit Layout-Tools, um responsives UI-Design und schnelles Frontend-Prototyping zu unterstützen. Es ermöglicht die Erstellung adaptiver Benutzeroberflächen durch einen standardisierten Satz von Utility-Klassen für Styling und Layout. Das System deckt High-Level-Funktionen in der Svelte-Webentwicklung und beim Tailwind CSS-Styling ab und nutzt ein flexibles Grid-System sowie CSS-Variablen-basiertes Theming.

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