awesome-repositories.com
Blog
awesome-repositories.com

Découvrez les meilleurs dépôts open-source grâce à notre recherche par IA.

ExplorerRecherches sélectionnéesAlternatives open sourceLogiciels auto-hébergésBlogPlan du site
ProjetÀ proposNotre méthodologiePresseServeur MCP
Mentions légalesConfidentialitéConditions d'utilisation
© 2026 Bringes Technology SRL·VAT RO45896025·hello@awesome-repositories.com
·
creativetimofficial avatar

creativetimofficial/material-tailwind

0
View on GitHub↗
4,359 stars·358 forks·TypeScript·MIT·8 vuesmaterial-tailwind.com↗

Material Tailwind

Material Tailwind est un framework d'interface utilisateur web responsive et une bibliothèque de composants construits avec Tailwind CSS. Il fournit un système de conception personnalisable qui implémente les principes de Material Design pour les applications web.

Le projet se concentre sur un système de conception personnalisable, permettant une configuration de thème centralisée et un style basé sur des utilitaires pour maintenir la cohérence visuelle à travers les interfaces.

La bibliothèque inclut une large gamme d'éléments d'interface réutilisables, couvrant les structures de mise en page, les systèmes de navigation et les composants de superposition. Elle fournit des outils spécialisés pour la construction de formulaires web, les contrôles de saisie de données et les indicateurs d'état visuels.

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.

Historique des stars

Graphique de l'historique des stars pour creativetimofficial/material-tailwindGraphique de l'historique des stars pour creativetimofficial/material-tailwind

Recherche par IA

Explorez plus de dépôts awesome

Décrivez vos besoins en langage naturel — l'IA classe des milliers de projets open source sélectionnés par pertinence.

Start searching with AI

Collections incluant Material Tailwind

Sélections manuelles où Material Tailwind apparaît.
  • Écosystème de plugins Tailwind CSS
  • Bibliothèque de composants Tailwind CSS

Alternatives open source à Material Tailwind

Projets open source similaires, classés selon le nombre de fonctionnalités partagées avec Material Tailwind.
  • huntabyte/shadcn-svelteAvatar de huntabyte

    huntabyte/shadcn-svelte

    8,341Voir sur 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
    Voir sur GitHub↗8,341
  • taiga-family/taiga-uiAvatar de taiga-family

    taiga-family/taiga-ui

    4,002Voir sur 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
    Voir sur GitHub↗4,002
  • hunvreus/basecoatAvatar de hunvreus

    hunvreus/basecoat

    3,653Voir sur 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
    Voir sur GitHub↗3,653
  • coreui/coreui-free-react-admin-templateAvatar de coreui

    coreui/coreui-free-react-admin-template

    4,940Voir sur 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
    Voir sur GitHub↗4,940
Voir les 30 alternatives à Material Tailwind→

Questions fréquentes

Que fait creativetimofficial/material-tailwind ?

Material Tailwind est un framework d'interface utilisateur web responsive et une bibliothèque de composants construits avec Tailwind CSS. Il fournit un système de conception personnalisable qui implémente les principes de Material Design pour les applications web.

Quelles sont les fonctionnalités principales de creativetimofficial/material-tailwind ?

Les fonctionnalités principales de creativetimofficial/material-tailwind sont : Material Design Systems, Avatar Components, Badge Components, Chips, Tailwind Component Collections, CSS Utility Classes, Content Cards, Design System Management.

Quelles sont les alternatives open-source à creativetimofficial/material-tailwind ?

Les alternatives open-source à creativetimofficial/material-tailwind incluent : 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…