awesome-repositories.com
Blog
awesome-repositories.com

Descubre los mejores repositorios open-source con nuestra búsqueda potenciada por IA.

ExplorarBúsquedas curadasAlternativas open-sourceSoftware autohospedableBlogMapa del sitio
ProyectoAcerca deCómo clasificamosPrensaServidor MCP
Aviso legalPrivacidadTérminos
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·
creativetimofficial avatar

creativetimofficial/material-tailwind

0
View on GitHub↗
4,359 estrellas·358 forks·TypeScript·MIT·4 vistasmaterial-tailwind.com↗

Material Tailwind

Material Tailwind is a responsive web UI framework and component library built with Tailwind CSS. It provides a customizable design system that implements Material Design principles for web applications.

The project focuses on a customizable design system, allowing for centralized theme configuration and utility-based styling to maintain visual consistency across interfaces.

The library includes a wide range of reusable interface elements, covering layout structures, navigation systems, and overlay components. It provides specialized tools for web form construction, data input controls, and visual status indicators.

Features

  • Material Design Systems - Implements the Material Design specification for consistent colors, typography, and interactive patterns.
  • Avatar Components - Provides user avatar components for displaying profile pictures or placeholder graphics.
  • Badge Components - Offers small styled badges for categorizing information or displaying notification counts.
  • Chips - Ships compact interactive chip elements to represent attributes, inputs, or selectable states.
  • Tailwind Component Collections - Provides a collection of pre-styled UI elements tailored specifically for the utility-first Tailwind CSS paradigm.
  • CSS Utility Classes - Uses atomic CSS utility classes to define layout behaviors and visual properties directly in markup.
  • Content Cards - Offers flexible content cards to group images and text for a clear visual hierarchy.
  • Design System Management - Provides tools for centralizing visual styles and reusable components to ensure cross-application consistency.
  • Design Systems - Offers a standardized visual identity framework using shared design tokens and centralized configuration.
  • Checkbox Inputs - Provides toggleable checkbox inputs for boolean selections and multi-item settings.
  • Loading State Indicators - Implements visual indicators and interaction disabling to signal active background processes.
  • Material Design UI Kits - Ships a bundle of pre-styled components combining a base framework with Material Design aesthetics.
  • Modal Dialogs - Implements modal dialogs that isolate the user's focus for critical information and interaction.
  • Select Inputs - Offers dropdown select inputs for collecting user information from predefined lists.
  • Navigation Bars - Ships persistent responsive navigation bars for site-wide branding and primary links.
  • Progress Indicators - Provides visual components like progress bars to communicate task completion status.
  • Radio Button Components - Implements radio button interfaces for selecting a single option from mutually exclusive choices.
  • Range Sliders - Provides interactive range sliders for adjusting numerical values via a draggable handle.
  • Text Input Fields - Provides configurable text input fields with various sizes and embedded helper text.
  • Theme Configuration Systems - Provides a centralized system to manage visual consistency across components through theme configurations.
  • Visual Theme Configurations - Implements standardized configurations for global styles, palettes, and spacing to ensure visual identity.
  • Responsive Web Frameworks - Provides a framework for building mobile-first, responsive web layouts that adapt to different screen sizes.
  • Component-Based Architectures - Implements a modular architecture by encapsulating UI patterns into independent, reusable components.
  • Frontend Layout Prototyping - Enables quick assembly of high-fidelity user interface mockups using pre-defined design blocks.
  • Registration Forms - Provides structured user input interfaces for account creation and sign-up processes.
  • Accordions - Implements accordion components to toggle content visibility and organize information.
  • Avatar Stacks - Provides avatar stacks to render overlapping profile images representing teams or user collections.
  • Content Carousels - Implements interactive content carousels for cycling through images or elements.
  • CSS Variable Customization - Allows dynamic updates to colors and spacing via native CSS variable overrides.
  • Dropdowns - Provides toggleable dropdown lists for menu and selection interfaces.
  • State-Driven UI Rendering - Toggles component visibility and active states using conditional logic based on application state.
  • Payment Forms - Ships specialized payment interfaces supporting credit cards and digital wallets.
  • Breadcrumbs - Ships breadcrumb navigation links to indicate and traverse the site hierarchy.
  • List Components - Provides structural components for rendering collections of items in a scannable list format.
  • Pagination Controls - Provides controls for navigating large datasets by breaking content into discrete, sequential pages.
  • Side Navigation Drawers - Provides slide-out side panels for organized navigation and additional content.
  • Nested Menus - Implements hierarchical menu structures that allow sub-menus to be embedded within parent items.
  • Nested Navigation Menus - Provides multi-level nested menus and mega menus to organize dense site structures.
  • Notification Components - Ships transient, non-blocking notification components such as dismissible message containers.
  • Popover Overlays - Provides small content containers that appear as overlays anchored to specific target elements.
  • Select Components - Provides selection components including dropdowns with integrated checkboxes or search inputs.
  • Component Styling - Provides frameworks for overriding and managing visual styles and CSS properties within components.
  • Prop-Based Utility Styling - Maps component properties directly to Tailwind CSS utility strings for declarative visual styling.
  • Alert Components - Provides pre-styled alert boxes for displaying contextual feedback and non-interruptive notifications.
  • Web Form Implementations - Implements interactive input fields and validation logic for structured web-based data collection.

Historial de estrellas

Gráfico del historial de estrellas de creativetimofficial/material-tailwindGráfico del historial de estrellas de creativetimofficial/material-tailwind

Búsqueda con IA

Explora más repositorios increíbles

Describe lo que necesitas en lenguaje sencillo: la IA clasifica miles de proyectos open-source curados por relevancia.

Start searching with AI

Colecciones destacadas con Material Tailwind

Colecciones seleccionadas manualmente donde aparece Material Tailwind.
  • Ecosistema de plugins para Tailwind CSS
  • Librería de componentes con Tailwind CSS

Preguntas frecuentes

¿Qué hace creativetimofficial/material-tailwind?

Material Tailwind is a responsive web UI framework and component library built with Tailwind CSS. It provides a customizable design system that implements Material Design principles for web applications.

¿Cuáles son las características principales de creativetimofficial/material-tailwind?

Las características principales de creativetimofficial/material-tailwind son: Material Design Systems, Avatar Components, Badge Components, Chips, Tailwind Component Collections, CSS Utility Classes, Content Cards, Design System Management.

¿Qué alternativas de código abierto existen para creativetimofficial/material-tailwind?

Las alternativas de código abierto para creativetimofficial/material-tailwind incluyen: huntabyte/shadcn-svelte — shadcn-svelte is a collection of accessible and customizable user interface elements for Svelte applications. Rather… taiga-family/taiga-ui — Taiga UI is an Angular UI component library and accessible design system used for building enterprise web interfaces.… hunvreus/basecoat — Basecoat is a zero-runtime UI library and themable interface framework consisting of a set of accessible web… coreui/coreui-free-react-admin-template — This project is a React-based administrative template and UI kit designed for building dashboards. It provides a… mui/base-ui — Base UI is a headless component library and unstyled framework providing accessible interface primitives. It decouples… picturepan2/spectre — Spectre is a comprehensive CSS framework and UI utility toolkit designed for building responsive web interfaces. It…

Alternativas open-source a Material Tailwind

Proyectos open-source similares, clasificados según cuántas características comparten con Material Tailwind.
  • huntabyte/shadcn-svelteAvatar de huntabyte

    huntabyte/shadcn-svelte

    8,341Ver en GitHub↗

    shadcn-svelte is a collection of accessible and customizable user interface elements for Svelte applications. Rather than being distributed as a traditional dependency, these components are provided as source code that is copied directly into the project codebase. The library utilizes a registry-based distribution system, allowing users to install specific UI blocks and components via a command-line interface. This system uses JSON metadata to define dependencies and file paths, while a bootstrapping process automates the configuration of styles and CSS variables. The project integrates Tail

    TypeScriptbits-uishadcn-svelteshadcn-ui
    Ver en GitHub↗8,341
  • taiga-family/taiga-uiAvatar de taiga-family

    taiga-family/taiga-ui

    4,002Ver en GitHub↗

    Taiga UI is an Angular UI component library and accessible design system used for building enterprise web interfaces. It provides a comprehensive collection of reusable interface elements and layout tools, functioning as a mobile-first UI kit with responsive components that adapt to different device capabilities. The library distinguishes itself through an integrated data visualization library featuring various chart types and a dedicated form management framework with built-in validation and formatting for specialized data. It also features AI-driven development workflows by integrating comp

    TypeScriptangularbest-practicescdk
    Ver en GitHub↗4,002
  • hunvreus/basecoatAvatar de hunvreus

    hunvreus/basecoat

    3,653Ver en GitHub↗

    Basecoat is a zero-runtime UI library and themable interface framework consisting of a set of accessible web components. It provides a collection of pre-styled interface elements and utility classes designed to function as static assets without requiring a dedicated JavaScript framework runtime. The project features a dedicated UI component scaffolder, providing a command line interface to automate the generation of project folder structures and the installation of component templates. Visual styles are managed through a system of CSS variables and utility classes, allowing for global theme a

    JavaScriptalpinecomponentscomponents-library
    Ver en GitHub↗3,653
  • coreui/coreui-free-react-admin-templateAvatar de coreui

    coreui/coreui-free-react-admin-template

    4,940Ver en GitHub↗

    This project is a React-based administrative template and UI kit designed for building dashboards. It provides a comprehensive collection of pre-styled layouts, an accessible component library, and a Sass-based UI framework for creating administrative interfaces. The template is specifically structured as an AI-optimized project, utilizing coding patterns and organization designed to help AI assistants generate consistent, production-ready React code. It features a flexible styling system using Sass variables and CSS custom properties to support customizable light and dark themes. The kit co

    JavaScriptadminadmin-dashboardadmin-panel
    Ver en GitHub↗4,940
Ver las 30 alternativas a Material Tailwind→