Brickslab.Toolsv2.1.1
Templates

Pages prêtes à déployer

Pages complètes construites exclusivement avec @brickslab./ui-web. Prévisualisez et téléchargez un ZIP avec le code source, les tokens CSS et le README.

13Templates disponibles
ZIPCode source inclus
100%Composants Brickslab
En coursD'autres templates arrivent : Marketplace, Healthcare, Event…

Soldes d'été — jusqu'à -50%

Profitez de nos meilleures offres sur toute la collection été. Livraison gratuite dès 60€.

Catalogue

Nos produits

Découvrez notre sélection de pièces incontournables.

NOUVEAU
T-shirt Premium
€ 39
PROMO
Sneakers Sport
€ 89€ 120
Sac Cuir
€ 149
NOUVEAU
Montre Classique
€ 199
PROMO
Casquette Logo
€ 29€ 45
Veste Légère
€ 79
NOUVEAU
Lunettes Soleil
€ 59
PROMO
Ceinture Cuir
€ 45€ 65
Avis clients

Ils nous font confiance

Qualité excellente, livraison rapide. Je recommande !

Sophie M.

Très bonne expérience d'achat. Les produits sont conformes.

Thomas L.

Le service client est réactif. Retour sans problème.

Claire D.
Livraison gratuite
Dès 60€ d'achat, livraison offerte en France métropolitaine.
Retours 30 jours
Pas satisfait ? Retournez votre commande sous 30 jours.
Paiement sécurisé
Transactions chiffrées SSL. Visa, Mastercard, PayPal.
SAV 7j/7
Notre équipe est disponible tous les jours de 9h à 20h.
BricksLab

Mode et accessoires de qualité, livrés directement chez vous. Des pièces pensées pour durer.

BricksLabBuild faster. Ship smarter.
Prévisualiser
E-commerceBoutiqueRetail

E-commerce

Boutique en ligne complète avec nav sticky, grille produits filtrée, avis clients, garanties et footer multi-colonnes.

Composants
TopNavLogoMarkHeroCtaSectionSectionHeaderTagChipBadgeButtonFeatureListSectionFooterLinksSocialLinksFooterBar
Contenu du ZIP
app/page.tsx
app/layout.tsx
app/globals.css
tokens.css
package.json
tsconfig.json
next.config.ts
README.md
BricksLab
ML

Vue d'ensemble

Système opérationnel
Chiffre d'affaires
€ 48 290
+12% ce mois
Utilisateurs actifs
3 847
+5% vs semaine passée
Taux de conversion
4.6 %
-0.3% vs mois dernier
Tickets ouverts
27
8 urgents
UI
Inventairecomposants disponibles
47composants
Accès rapide
Tableau de bord
Analytiques
Rapports
Composants
Prévisualiser
AppSaaSAdmin

Dashboard

Tableau de bord applicatif avec layout AppShell, sidebar de navigation, métriques KPI, activité récente et accès rapide.

Composants
AppShellHeaderBarSidebarNavLogoMarkKpiCardLatestComponentsListComponentsCountCardBadgeBreadcrumbStatusLabel
Contenu du ZIP
app/page.tsx
app/layout.tsx
app/globals.css
tokens.css
package.json
tsconfig.json
next.config.ts
README.md
BricksLab
JD

Julien Dupont

Développeur Full-Stack & Designer UI

Je conçois et développe des applications web modernes, performantes et accessibles. Passionné par l'expérience utilisateur et les systèmes de design.

Portfolio

Mes projets récents

Une sélection de réalisations mettant en avant mes compétences techniques et créatives.

Plateforme SaaS Analytics

Application web de visualisation de données en temps réel. Dashboard interactif, graphiques dynamiques et export multi-formats pour équipes data.

ReactTypeScriptNode.jsPostgreSQL

App Mobile E-commerce

Application React Native pour une boutique de mode. Navigation fluide, panier persistant, paiement Stripe intégré et notifications push.

React NativeReduxStripeFirebase

Design System Open Source

Bibliothèque de composants React accessible et personnalisable via des tokens CSS. Documentation interactive, tests automatisés et publication npm.

ReactTypeScriptCSS TokensStorybook
Compétences

Ce que je fais

Des expertises complémentaires pour couvrir l'ensemble du cycle de développement produit.

Développement Front-end
React, TypeScript, CSS moderne. Interfaces performantes, accessibles et responsive.
Développement Back-end
Node.js, APIs REST & GraphQL, bases de données SQL et NoSQL.
Design UI / UX
Wireframes, prototypes Figma, design systems et tokens CSS.
Applications mobiles
React Native pour iOS et Android. Expériences fluides sur tous les appareils.
Contact

Travaillons ensemble

Un projet en tête ? Je suis disponible pour des missions freelance ou des opportunités à temps plein.

BricksLabBuild faster. Ship smarter.
Prévisualiser
PortfolioCréatifFreelance

Portfolio

Portfolio personnel pour développeur ou designer avec hero, projets en grille, compétences et section contact.

Composants
TopNavLogoMarkButtonSocialLinksSectionHeaderProjectDescriptionPanelFeatureListSectionFooterBarBrandSlogan
Contenu du ZIP
app/page.tsx
app/layout.tsx
app/globals.css
tokens.css
package.json
tsconfig.json
next.config.ts
README.md
BricksLab

Tarification simple et transparente

Un plan adapté à chaque étape de votre produit. Sans frais cachés, sans engagement.

Pricing

Choisissez votre plan

Passez à l'échelle avec les bons outils au bon moment.

Starter

29€/mois

Pour les petites équipes qui veulent démarrer vite.

3 projets actifs
10 000 événements/mois
Support e-mail

Growth

Populaire
99€/mois

Le plan le plus populaire pour accélérer la croissance.

Projets illimités
200 000 événements/mois
Support prioritaire

Scale

249€/mois

Pour les structures exigeantes avec SLA avancé.

SLA 99.9%
SSO + audit logs
Success manager dédié
Adoption accélérée
Déployez vos parcours plus vite avec des composants prêts à l'emploi.
Collaboration fluide
Un espace partagé pour PM, designers et développeurs.
Sécurité native
Permissions granulaires, historique d'audit et pratiques sécurisées.
BricksLabBuild faster. Ship smarter.
Prévisualiser
SaaSPricingConversion

Pricing SaaS

Page de tarification avec plans comparatifs, plan populaire mis en avant et bénéfices orientés croissance.

Composants
TopNavHeroCtaSectionSectionHeaderBadgeButtonFeatureListSectionFooterBarBrandSlogan
Contenu du ZIP
app/page.tsx
app/layout.tsx
app/globals.css
tokens.css
package.json
tsconfig.json
next.config.ts
README.md

Centre d'aide produit

Toutes les réponses pour configurer, déployer et maintenir votre application plus sereinement.

Guides

Parcourir par catégorie

Accédez rapidement aux sujets les plus consultés.

Compte & accès

Connexion, sécurité, gestion des rôles.

Facturation

Abonnements, paiements, factures et TVA.

Intégrations

API, webhooks, CI/CD et synchronisations.

Performances

Monitoring, diagnostics et bonnes pratiques.

Support

Indicateurs de service

Suivi rapide de la charge et de la qualité de support.

Tickets traités
1 248
ce mois
Temps moyen
2h14
première réponse
Satisfaction
97%
sur 30 jours
Contact

Besoin d'une aide avancée ?

Notre équipe support peut vous accompagner sur les incidents critiques.

BricksLabBuild faster. Ship smarter.
Prévisualiser
SupportDocumentationB2B

Help Center

Centre d'aide avec catégories de guides, KPIs de support, articles récents et CTA de contact.

Composants
TopNavHeroCtaSectionSectionHeaderTagChipKpiCardLatestComponentsListButtonFooterBarBrandSlogan
Contenu du ZIP
app/page.tsx
app/layout.tsx
app/globals.css
tokens.css
package.json
tsconfig.json
next.config.ts
README.md
BricksLab

E-commerce prêt pour la production

Un template multi-pages pour couvrir tout le parcours d'achat, de la découverte au panier.

Parcours

Pages incluses

Chaque page est prête à être branchée à vos APIs et vos données produits.

/

Accueil

Hero + catégories + promos.

/boutique

Boutique

Catalogue produits avec filtres.

/produit

Produit

Fiche produit détaillée.

/panier

Panier

Récapitulatif + paiement.

BricksLabBuild faster. Ship smarter.
Prévisualiser
E-commerceMulti-pagesCheckout

E-commerce Suite

Version multi-pages avec accueil, boutique, fiche produit et panier pour couvrir tout le funnel e-commerce.

Composants
TopNavHeroCtaSectionSectionHeaderTagChipBadgeButtonFooterBarBrandSlogan
Contenu du ZIP
app/page.tsx
app/boutique/page.tsx
app/produit/page.tsx
app/panier/page.tsx
app/layout.tsx
app/globals.css
tokens.css
package.json
tsconfig.json
next.config.ts
README.md

Workspace de formulaires

Une base prête pour les formulaires d'inscription, de lead generation et de support.

Templates

Exemples de formulaires

Structure claire, responsive, et facile à connecter à vos endpoints.

Mode: Inscription
BricksLabBuild faster. Ship smarter.
Prévisualiser
FormulairesLeadCRM

Forms Workspace

Template formulaires multi-pages: inscription, contact, lead generation, avec base UI prête à connecter.

Composants
TopNavHeroCtaSectionSectionHeaderTagChipBadgeButtonFooterBarBrandSlogan
Contenu du ZIP
app/page.tsx
app/inscription/page.tsx
app/contact/page.tsx
app/lead/page.tsx
app/layout.tsx
app/globals.css
tokens.css
package.json
tsconfig.json
next.config.ts
README.md
Assessment

Template QCM interactif

Parfait pour les questionnaires de validation, d'onboarding ou de certification interne.

Question 1/3

Quel composant convient pour afficher un titre + sous-titre de section ?

BricksLabBuild faster. Ship smarter.
Prévisualiser
QCMQuizAssessment

QCM Assessment

Template de quiz/QCM avec questionnaire interactif, catalogue d'examens et tableau de résultats.

Composants
TopNavSectionHeaderBadgeButtonTagChipKpiCardFooterBarBrandSlogan
Contenu du ZIP
app/page.tsx
app/examens/page.tsx
app/resultat/page.tsx
app/layout.tsx
app/globals.css
tokens.css
package.json
tsconfig.json
next.config.ts
README.md
BricksLab
Apprenant actif

E-learning Platform

Cours disponibles
42
8 nouveaux ce mois
Temps appris
18h
sur 30 jours
Taux complétion
76%
+9% vs précédent
Prévisualiser
E-learningAcademyTraining

E-learning Platform

Template e-learning en plusieurs pages avec catalogue, cours actif et suivi des évaluations.

Composants
AppShellHeaderBarSidebarNavLogoMarkBadgeButtonBreadcrumbKpiCardLatestComponentsList
Contenu du ZIP
app/academy/page.tsx
app/academy/cours/page.tsx
app/academy/evaluations/page.tsx
app/layout.tsx
app/globals.css
tokens.css
package.json
tsconfig.json
next.config.ts
README.md

Blog produit & engineering

Un template éditorial pour publier des articles techniques, guides pratiques et retours d'expérience.

Articles

Dernières publications

Structure prête pour brancher vos données CMS ou Markdown.

Comment structurer un design system à l'échelle

Méthode pragmatique pour maintenir cohérence, vélocité et qualité produit.

Design SystemProduitOps

Réduire le time-to-market avec des templates

Des patterns UI réutilisables pour livrer plus vite sans dette visuelle.

VelocityUXReact

Checklist accessibilité avant mise en production

Un cadrage simple pour sécuriser le niveau WCAG de vos interfaces.

A11yQAFrontend
BricksLabBuild faster. Ship smarter.
Prévisualiser
BlogContenuSEO

Blog

Template éditorial avec listing d'articles, navigation de catégories et page article dédiée.

Composants
TopNavHeroCtaSectionSectionHeaderProjectDescriptionPanelFooterBarBrandSlogan
Contenu du ZIP
app/page.tsx
app/article/page.tsx
app/layout.tsx
app/globals.css
tokens.css
package.json
tsconfig.json
next.config.ts
README.md
BricksLab
v2.1.1

Documentation produit

Template orienté documentation technique avec navigation latérale, contenus structurés et liens rapides.

Prévisualiser
DocsGuideDeveloper

Documentation

Template docs avec AppShell, sidebar, guides populaires et page d'installation prête à adapter.

Composants
AppShellHeaderBarSidebarNavLogoMarkBadgeButtonBreadcrumbLatestComponentsList
Contenu du ZIP
app/page.tsx
app/installation/page.tsx
app/layout.tsx
app/globals.css
tokens.css
package.json
tsconfig.json
next.config.ts
README.md

Agence digitale orientée impact

Nous concevons des produits web performants, cohérents et prêts à scaler.

Services

Ce que nous livrons

De la stratégie au delivery, un cadre unifié pour designer et développer.

Product Discovery
Ateliers cadrage, priorisation, roadmap et KPIs.
UI Engineering
Interfaces React robustes, accessibles et maintenables.
Brand Experience
Direction artistique et systèmes visuels cohérents.
Projets

Références récentes

Exemples d'interventions transverses produit + technique.

Refonte portail client

Refonte complète du parcours client avec hausse du taux de conversion.

SaaSUXFrontend

Design system enterprise

Mise en place d'un design system cross-teams avec gouvernance claire.

Design SystemOpsScale

Plateforme e-learning

Architecture modulaire et livraison rapide d'un produit de formation.

EdTechNext.jsAPI
BricksLabBuild faster. Ship smarter.
Prévisualiser
AgenceVitrineBusiness

Agence

Template vitrine d'agence digitale avec hero, services, études de cas et section contact.

Composants
TopNavHeroCtaSectionSectionHeaderFeatureListSectionProjectDescriptionPanelFooterBarBrandSlogan
Contenu du ZIP
app/page.tsx
app/layout.tsx
app/globals.css
tokens.css
package.json
tsconfig.json
next.config.ts
README.md

Construisez plus vite.

Un design system complet pour lancer vos projets React avec cohérence et élégance.

Fonctionnalités

Tout ce dont vous avez besoin

Des composants pensés pour la vitesse et la clarté, avec des tokens CSS entièrement personnalisables.

Design tokens
Variables CSS cohérentes sur tout votre projet. Personnalisables via le Theme Builder.
Performance
Composants optimisés, zéro dépendance superflue. Léger en production.
Accessibilité
Respect des standards WCAG. Focus ring, rôles ARIA et navigation clavier inclus.
BricksLabBuild faster. Ship smarter.
Prévisualiser
MarketingSaaSProduit

Landing Page

Page d'accueil complète avec navigation, hero, section fonctionnalités et footer. Idéale pour un produit SaaS ou une application.

Composants
TopNavHeroCtaSectionSectionHeaderFeatureListSectionFooterBarBrandSlogan
Contenu du ZIP
app/page.tsx
app/layout.tsx
app/globals.css
tokens.css
package.json
tsconfig.json
next.config.ts
README.md