Reddot UI Library

Docs
Introduction à Reddot

Introduction à Reddot

Un registry de composants et blocs fonctionnels pour accélérer le développement des projets Dotworld.

Reddot est un registry sur shadcn/ui, conçu pour simplifier et accélérer le développement des projets Dotworld en fournissant des composants UI, des blocs fonctionnels et des utilitaires réutilisables.

Ne codez pas deux fois les mêmes choses

Reddot est né d'un constat simple : chez Dotworld, nous nous retrouvions souvent à recoder les mêmes fonctionnalités d'un projet à l'autre. Authentification, analytics, formulaires, modales... Ces éléments essentiels étaient réimplémentés à chaque nouveau projet, pas forcément de la même manière , consommant un temps précieux.

Notre registry résout ce problème en offrant :

  • Partage de code entre projets : Utilisez les mêmes composants et blocs fonctionnels dans tous vos projets Dotworld
  • Solutions préconstruites pour les problèmes complexes : Authentification, analytics, gestion de fichiers, etc.
  • Standardisation des pratiques : Une façon cohérente de construire des interfaces utilisateur
  • Accélération du développement : Concentrez-vous sur la logique métier plutôt que sur les composants de base

Qu'offre Reddot ?

Reddot propose une collection de composants UI réutilisables construits avec Radix UI et Tailwind CSS, ainsi que des blocs fonctionnels qui intègrent des services tiers :

  • Composants UI : Boutons, formulaires, modales, tableaux, etc.
  • Blocs fonctionnels : Analytics avec PostHog, authentification, gestion d'état
  • Templates : Pages préconstruites pour les cas d'usage courants
  • Utilitaires : Fonctions et hooks réutilisables

Différence avec shadcn/ui

Reddot étend shadcn/ui avec :

  • Des blocs fonctionnels pour intégrer rapidement des services tiers
  • Des utilitaires supplémentaires pour les cas d'usage courants
  • Des hooks réutilisables
  • Des prompts prêts à l'emploi pour votre IDE, générer des assets, etc

Composants extensibles

Nos composants sont conçus pour être facilement extensibles. Vous pouvez modifier le code pour l'adapter à vos besoins et l'utiliser comme point de départ pour vos propres composants. L'important est que le code est conçu pour faciliter les parties difficiles, et vous laisser gérer les parties faciles.

Composants composables

Nos composants sont conçus pour être facilement combinables. Vous pouvez les assembler pour créer de nouveaux composants adaptés à vos besoins spécifiques. Si vous souhaitez modifier le design ou le comportement d'un composant, vous pouvez facilement le faire dans votre propre code.

Pour les nouveaux projets comme pour les existants

Reddot est conçu pour fonctionner aussi bien avec de nouveaux projets qu'avec des projets existants. Vous pouvez l'utiliser comme base pour un nouveau projet ou l'intégrer progressivement dans un projet existant. Les composants sont conçus pour être indépendants et ne pas interférer avec votre code existant.

Prêt à commencer ?

Consultez notre guide de démarrage rapide pour installer et configurer Reddot dans votre projet Next.js.