awesome-repositories.com
Blog
awesome-repositories.com

Descoperă cele mai bune repository-uri open source cu căutare AI.

ExploreazăCăutări recomandateOpen-source alternativesSelf-hosted softwareBlogHartă site
ProiectDespreHow we rankPresăServer MCP
LegalConfidențialitateTermeni
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·

7 repository-uri

Awesome GitHub RepositoriesPre-designed UI Elements

Libraries of ready-to-use visual components, icons, and layout blocks that can be integrated into a project.

Distinct from Design and Graphics: Existing candidates focus on design-to-code tooling or hardware-accelerated media integration.

Explore 7 awesome GitHub repositories matching user interface & experience · Pre-designed UI Elements. Refine with filters or upvote what's useful.

Awesome Pre-designed UI Elements GitHub Repositories

Găsește cele mai bune repo-uri cu AI.Vom căuta cele mai potrivite repository-uri folosind AI.
  • themesberg/flowbiteAvatar themesberg

    themesberg/flowbite

    9,283Vezi pe GitHub↗

    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

    Provides complete, pre-designed layout sections and component patterns for rapid marketing and application development.

    HTMLcomponentscssdesign-system
    Vezi pe GitHub↗9,283
  • snouzy/workout-coolAvatar Snouzy

    Snouzy/workout-cool

    7,939Vezi pe GitHub↗

    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.

    Uses ready-made training plans, including specialized templates for powerlifting and bodybuilding.

    TypeScriptcoachexercisefeature-sliced-design
    Vezi pe GitHub↗7,939
  • foundation/foundation-emailsAvatar foundation

    foundation/foundation-emails

    7,790Vezi pe GitHub↗

    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

    Ships a library of pre-made, battle-tested email layouts for transactional and marketing messages.

    HTML
    Vezi pe GitHub↗7,790
  • brain-bones/skeletonAvatar Brain-Bones

    Brain-Bones/skeleton

    5,991Vezi pe GitHub↗

    Skeleton este un toolkit UI Svelte Tailwind și o bibliotecă de componente adaptabile. Acesta oferă un sistem de design utility-first pentru construirea de interfețe web reactive, concentrându-se pe teme și tipografie consistente pe diverse dimensiuni de ecran. Toolkit-ul combină componente pre-stilizate cu instrumente de layout pentru a susține designul UI responsiv și prototiparea rapidă a frontend-ului. Acesta permite crearea de interfețe utilizator adaptabile printr-un set standardizat de clase utilitare pentru stilizare și layout. Sistemul acoperă capabilități de nivel înalt în dezvoltarea web cu Svelte și stilizarea cu Tailwind CSS, utilizând un sistem de grid flexibil și teme bazate pe variabile CSS.

    Ships a comprehensive library of ready-to-use visual components and layout blocks for rapid integration.

    TypeScript
    Vezi pe GitHub↗5,991
  • creativetimofficial/material-kitAvatar creativetimofficial

    creativetimofficial/material-kit

    5,926Vezi pe GitHub↗

    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

    Offers fully coded example pages that serve as starting points for common website layouts.

    HTMLbootstrapbootstrap-material-designbootstrap5
    Vezi pe GitHub↗5,926
  • arthelokyo/astrowindAvatar arthelokyo

    arthelokyo/astrowind

    5,756Vezi pe GitHub↗

    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

    Incorporates a library of ready-to-use graphics, icons, and layouts to ensure professional visual quality without custom asset creation.

    Astroastroastro-blogastro-starter
    Vezi pe GitHub↗5,756
  • unlayer/react-email-editorAvatar unlayer

    unlayer/react-email-editor

    5,086Vezi pe GitHub↗

    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

    Provides a palette of ready-to-use components such as buttons, images, and videos that users can drag into a design.

    TypeScriptbuilderdrag-and-dropemail
    Vezi pe GitHub↗5,086
  1. Home
  2. User Interface & Experience
  3. Pre-designed UI Elements

Explorează sub-etichetele

  • Pre-made Email Layouts1 sub-tagProvides ready-made email layouts that users can customize, ensuring consistent design across campaigns. **Distinct from Pre-designed UI Elements:** Distinct from Pre-designed UI Elements: specifically focuses on full email layouts rather than individual UI components.