4 dépôts
Awesome GitHub RepositoriesSpacing Utilities
Classes for managing margins and padding between elements.
Distinguishing note: Focuses on vertical margin control for layout consistency.
Explore 4 awesome GitHub repositories matching user interface & experience · Spacing Utilities. Refine with filters or upvote what's useful.
Awesome Spacing Utilities GitHub Repositories
Trouvez les meilleurs dépôts grâce à l'IA.Nous recherchons les dépôts les plus pertinents grâce à l'IA.
- jgthms/bulma
jgthms/bulma
50,074Voir sur GitHubBulma is a design-agnostic CSS framework that provides a collection of pre-styled interface components and layout primitives. It is built to be independent of specific JavaScript frameworks or build tools, allowing developers to construct responsive web interfaces by applying standardized classes directly to semantic HTML markup. The framework distinguishes itself through a utility-first approach that combines modular component styling with a flexible grid system. It leverages native CSS variables to manage design tokens, enabling real-time visual customization, automatic dark mode adaptation
Provides responsive utility classes to adjust margin and padding on elements based on viewport width.
CSScsscss-frameworkdesign - tabler/tabler
tabler/tabler
41,180Voir sur GitHubTabler is a comprehensive UI framework designed for building responsive, data-heavy administrative panels and enterprise web applications. It provides a unified collection of pre-styled components and layout patterns that allow developers to construct complex dashboard interfaces using a consistent design system. The project distinguishes itself through a metadata-driven approach to interactivity, where complex component behaviors and state transitions are initialized by parsing configuration attributes directly from HTML elements. This allows for the creation of interactive interfaces withou
Provides predefined size scales to control the space around elements.
HTMLadmin-dashboardadminpanelboilerplate-template - vuetifyjs/vuetify
vuetifyjs/vuetify
41,003Voir sur GitHubThis project is a comprehensive UI toolkit that provides a declarative, reactive framework for building modular web interfaces. It centers on a component-based architecture that maps application state to rendered elements, utilizing a twelve-point flexbox grid system and nested containers to manage complex layouts. The library ensures consistent behavior across large-scale applications by providing centralized configuration for component defaults, themes, and global design tokens. What distinguishes this framework is its deep integration of Material Design principles alongside a highly flexib
Provides a set of standardized utility classes for controlling margins and padding to maintain consistent layout spacing.
TypeScriptjavascriptmaterialmaterial-components - mantinedev/mantine
mantinedev/mantine
31,263Voir sur GitHubMantine is a comprehensive component library for building accessible and responsive web applications. It provides a foundational set of UI elements and layout primitives, anchored by a base component that supports consistent styling, spacing, and layout properties across the entire interface. The library is built on a design-driven theme engine that uses a provider-based system to propagate global design tokens and color schemes throughout an application. The library distinguishes itself through a robust architecture that emphasizes component composition and reusable interaction logic. It uti
Set the gap prop to control spacing between columns and rows. The prop works the same way as style props – you can reference theme.spacing values with xs, sm, md, lg and xl strings and use object syntax to
TypeScriptdark-modedark-themehooks
