Brickslab.

Brickslab.

Build UIs withconsistency.

0 composants React documentés et testés, prêts à assembler.

Parcourir le catalogueVoir les tests
React 19TypeScriptCSS TokensNext.js 16Tree-shakeablea11y tested
AppShellHeaderBarFooterBarSidebarNavBurgerMenuTopNavBentoGridLogoMarkSearchBarMenuTreeBreadcrumbMediaCarouselMarqueeAnimatedListHeadingTextTextBlockButtonInputSelectTextareaTagChipStatusLabelToggleSwitchAvatarCirclesConfettiConfettiButtonThemeTogglerThemeToggleSimpleMediaImageCopyButtonIntroCardTextCardBentoCardSocialPostCardSectionExampleCardSectionGallerySectionHeaderHeroCTASectionFeatureListSectionCarouselWithTextSectionBrandSloganSocialLinksFooterLinksFooterLegalFooterContactLinkListCodeBlockComponentDetailPanelComponentPresentationSectionPropsTableProjectDescriptionPanelAppShellHeaderBarFooterBarSidebarNavBurgerMenuTopNavBentoGridLogoMarkSearchBarMenuTreeBreadcrumbMediaCarouselMarqueeAnimatedListHeadingTextTextBlockButtonInputSelectTextareaTagChipStatusLabelToggleSwitchAvatarCirclesConfettiConfettiButtonThemeTogglerThemeToggleSimpleMediaImageCopyButtonIntroCardTextCardBentoCardSocialPostCardSectionExampleCardSectionGallerySectionHeaderHeroCTASectionFeatureListSectionCarouselWithTextSectionBrandSloganSocialLinksFooterLinksFooterLegalFooterContactLinkListCodeBlockComponentDetailPanelComponentPresentationSectionPropsTableProjectDescriptionPanel
ComponentCardDocPageHeaderPageHeroTopbarSidebarSearchResultsThemeToggleComponentsCountCardLatestComponentsListTestResultsCardKpiCardDashboardHeroTooltipAlertBadgeProgressBarCalloutSpinnerCheckboxRadioTabsAccordionTextAnimateTypingAnimationAuroraTextNumberTickerAnimatedGradientTextTextRevealWordRotateHyperTextSparklesTextTextHighlighterNoiseRevealTextVariableFontWarpTextMagneticTextKineticUnderlineTextShimmerBorderTextGlowPulseTextSegmentEmphasisTextProgressiveBlurTextWarpBackgroundFlickeringGridAnimatedGridPatternRetroGridRippleBackgroundDotPatternGridPatternStripedPatternInteractiveGridPatternLightRaysBackgroundNoiseMeshBackgroundGlassAuroraBackgroundComponentCardDocPageHeaderPageHeroTopbarSidebarSearchResultsThemeToggleComponentsCountCardLatestComponentsListTestResultsCardKpiCardDashboardHeroTooltipAlertBadgeProgressBarCalloutSpinnerCheckboxRadioTabsAccordionTextAnimateTypingAnimationAuroraTextNumberTickerAnimatedGradientTextTextRevealWordRotateHyperTextSparklesTextTextHighlighterNoiseRevealTextVariableFontWarpTextMagneticTextKineticUnderlineTextShimmerBorderTextGlowPulseTextSegmentEmphasisTextProgressiveBlurTextWarpBackgroundFlickeringGridAnimatedGridPatternRetroGridRippleBackgroundDotPatternGridPatternStripedPatternInteractiveGridPatternLightRaysBackgroundNoiseMeshBackgroundGlassAuroraBackground
Pourquoi Brickslab

Un design system pensé pour la production

Chaque composant respecte les mêmes conventions, tokens et standards de qualité.

Design tokens CSS

Variables cohérentes sur tout le projet. Personnalisables via le Theme Builder.

Zero config

Un import suffit. Aucune config webpack, aucun provider global requis.

Audit qualité 8 axes

Chaque composant est testé : API, rendu, a11y, tokens, responsive, sécurité, docs, performance FPS/CPU.

Tree-shakeable

Importez seulement ce que vous utilisez. Bundle minimal en production.

TypeScript natif

Types stricts, autocomplétion complète, aucune déclaration manuelle.

React 19 ready

Compatible React 19, Server Components et Next.js App Router.

Composants en action

Vrais composants, prêts à intégrer.

Chaque brique est testée, accessible et respecte les mêmes tokens CSS que votre projet.

ButtonVoir
Badge · TagChipVoir
StableBetaDeprecatedNew
ReactTypeScriptCSS
SpinnerVoir
sm
md
lg
slow
fast
ToggleSwitch — interactifVoir
CalloutVoir

Info

Un composant prêt à l'emploi.

Astuce

Utilisez les tokens CSS pour personnaliser.
Animated TextVoir
Design systemQualité & performancePrêt pour la production
Comment ça marche

Votre site web en 3 étapes.

On conçoit et intègre votre interface à partir de nos composants, adaptés à votre projet et votre identité.

01Brief

Décrivez votre projet, vos objectifs et votre audience. On échange pour cerner l'ambition et établir un devis.

Réponse sous 48h

02Design & intégration

Nos composants sont assemblés, adaptés à votre identité visuelle et intégrés pour former votre interface sur mesure.

Basé sur notre catalogue de composants

03Livraison

Votre site, prêt à déployer. Code propre, performant, accessible et documenté.

Support inclus après livraison

Sur mesure · Livraison rapide

Votre prochain site web,
assemblé avec soin.

Nos 104 composants testés et documentés sont la base de votre prochain projet web. Contactez-nous pour en discuter.

Voir le catalogueNous contacter
104
composants
8
axes d'audit
Sur mesure
chaque projet
0
dépendances