3 dépôts
Ready-to-use CSS code for styling common UI components like buttons, cards, and tooltips.
Distinct from CSS-Only UI Components: Distinct from Component Styling (tools for managing styles) and CSS-Only UI Components (interactive components); focuses on pre-written styling code for static components.
Explore 3 awesome GitHub repositories matching user interface & experience · Component Styling Patterns. Refine with filters or upvote what's useful.
You-need-to-know-css is a curated library of pre-written CSS code snippets for common frontend styling tasks including layout patterns, visual effects, animations, and component styling. It serves as a quick reference for developers looking to implement ready-to-use styling solutions without writing CSS from scratch. The collection is organized by visual effect or layout category, with each snippet presented on a standalone page that includes syntax-highlighted code, property documentation explaining the CSS rules and their values, and a live inline demo rendered inside an isolated iframe to
Ships pre-written CSS for styling common UI components such as buttons, cards, and modals.
gluestack-ui is a cross-platform React component library built with Tailwind CSS. It provides over 30 pre-built, accessible components that can be installed by copying their source files directly into a project, giving developers full control over customization without external runtime dependencies. Every component implements WAI-ARIA patterns, keyboard navigation, and screen reader support out of the box. A key differentiator is the copy-paste architecture: rather than a traditional package dependency, component source code is placed in the project, allowing direct editing and eliminating ve
Integrates utility-first CSS classes into component styling for consistent appearance across platforms.
pattern.css est une bibliothèque de motifs d'arrière-plan CSS et un framework de textures géométriques. Elle fournit une collection de styles uniquement CSS conçus pour générer des textures répétables telles que des grilles, des points et des rayures pour styliser les arrière-plans de pages vides et les éléments d'interface utilisateur. Le projet fonctionne comme un ensemble léger de styles qui crée des motifs visuels sans l'utilisation d'images ou de ressources externes. Ces textures sont rendues en utilisant des feuilles de style standard pour dessiner des designs géométriques directement dans le navigateur. Le système exploite des gradients linéaires et radiaux, la superposition composite et la mise en mosaïque native du navigateur pour produire ces textures. Les utilisateurs peuvent modifier l'échelle et la couleur des motifs via un ensemble de variables CSS au niveau racine.
Offers a set of lightweight styles that create visual patterns without images or JavaScript.