UI

Une librairie UI moderne pour le site.

Une librairie de composants moderne pour le site — fondations, tokens et patterns UI.

Parcourir

Fondations

Couleurs

Tokens sémantiques OKLCH pour light et dark.

--background

--foreground

--card

--primary

--secondary

--muted

--accent

--destructive

--border

--ring

Typographie

Polices heading, sans et mono du design system.

Bricolage Grotesque

Geist Sans — body text

Geist Mono — code

Radius

Échelle de coins arrondis (sm → xl).

sm

md

lg

xl

full

Composants

Accordion

Panneaux repliables avec titre et contenu.

Alert

Callout pour afficher une information importante.

Alert 01

Variante d’alerte prête à l’emploi.

Badge

Petit label pour statut, tag ou métadonnée.

Default
Secondary
Outline
Destructive

Button

Bouton ou élément qui ressemble à un bouton.

Card

Conteneur pour regrouper du contenu lié.

Carte produit
Conteneur pour titre, texte et actions.

Confetti

Effet confetti déclenché de façon impérative.

Empty

État vide pour absences de données.

Aucun résultat
Essayez d’ajuster votre recherche.

Input

Champ de saisie natif stylé.

Item

Ligne de liste composée (média, titre, actions).

Alexandre Fleurquin

Product Manager & Builder

Marquee

Défilement horizontal infini.

ProductDesignBuildShip
ProductDesignBuildShip
ProductDesignBuildShip
ProductDesignBuildShip

Reveal

Animation d’apparition au scroll.

Apparition douce

Section Shell

Conteneur de section avec max-width et padding.

SectionShell

Select

Liste déroulante de valeurs prédéfinies.

Separator

Séparateur accessible aux lecteurs d’écran.

Au-dessus

En dessous

Shine Border

Bordure animée avec effet de brillance.

Shine Border

Skeleton

État de chargement en squelette.

Spotlight

Card avec effet spotlight au pointeur.

Survolez-moi

SpotlightCard

Tabs

Basculer entre des panneaux liés.

Gérez les détails de votre compte.