Parcourir les catégories
Explorer
Fiverr Pro
Français
$
USD
Je vais concevoir des composants react réutilisables et un système de design storybook
manahilashraf1
À propos de ce service
Traduction automatique
Créer un produit évolutif nécessite plus que des UI réutilisables. Votre équipe a besoin d’un système cohérent qui fonctionne à la fois dans le code et dans le produit.
Je vais créer un système de design React prêt pour la production et une bibliothèque de composants utilisant React, Tailwind CSS, shadcn/ui, Radix UI et Storybook.
Selon votre package, je peux travailler avec vos directives de marque existantes ou aider à définir la base visuelle de vos produits par la recherche et la consultation UI.
Ce que vous pouvez obtenir :
Composants React réutilisables
Mise en œuvre de Tailwind CSS
shadcn/ui & Radix UI
Configuration et documentation Storybook
Couleurs, typographie, espacement & tokens
Variantes et états des composants
Composants réactifs
Soutien au thème clair/sombre
Bibliothèque de composants Figma (Premium)
Recherche de marque & concurrents (Premium)
Idéal pour produits SaaS, startups, tableaux de bord, applications web et équipes de produits en croissance qui ont besoin de cohérence et d’évolutivité.
Vous avez des composants complexes ou un fichier Figma existant ? Contactez-moi avant de commander pour que nous puissions définir le bon périmètre.
Découvrez manahilashraf1
manahilashraf1
Modern UI UX validated with real user data
- DePakistan
- Membre depuisoct. 2022
- Temps de réponse moy.1 heure
Langues
Ourdou, Anglais
Need a website, app or SaaS product people actually enjoy using? Product Designer with a software engineering background, bridging Figma and production-ready frontend systems.
I offer:
✅ Wireframes and clickable prototypes using claude design which are ready to use
✅ Figma design systems, ready to use in code
✅ Websites, landing pages and mobile apps
✅ SaaS apps and dashboards
✅ Email design
✅ Monkey testing and PostHog analysis
Message me with your project and I'll recommend the best way to start.
Traduction automatique
Mon portfolio
FAQ
Traduction automatique
De quoi avez-vous besoin de ma part pour commencer ?
Veuillez partager vos couleurs de marque existantes, typographie, directives visuelles, fichier Figma, produit actuel ou références. Pour les packages Standard et Premium, je peux également aider à définir ou affiner la base visuelle.
Quelles technologies utilisez-vous ?
Je travaille principalement avec React, Tailwind CSS, shadcn/ui, Radix UI et Storybook. La stack exacte peut être ajustée en fonction de vos besoins existants.
Recevrai-je des composants React réutilisables ?
Oui. Les composants sont conçus pour être réutilisables et évolutifs, avec des variantes, états, comportement réactif et style cohérent.
Qu'est-ce qu'un composant ?
Un composant standard peut être un bouton, une entrée, un badge, une carte, une case à cocher, une sélection, etc. Les éléments avancés comme les tableaux de données, formulaires complexes, sélecteurs de dates ou composants multi-étapes peuvent compter comme plusieurs composants selon leur fonctionnalité.
Proposez-vous un système de design Figma ?
Oui. Une bibliothèque complète de composants Figma est incluse dans le package Premium et peut également être ajoutée à d’autres packages en option.
Pouvez-vous travailler avec mon fichier Figma existant ?
Oui. Je peux utiliser vos composants, styles, tokens et directives de marque existants et les transformer en composants React réutilisables.
Je n’ai pas de couleurs de marque ni de directives UI. Pouvez-vous aider ?
Oui. La version Standard inclut une consultation UI et une refinement. La version Premium comprend une recherche approfondie sur la marque et la concurrence, une direction de couleurs, des bases visuelles et le système Figma et React correspondant.
Allez-vous configurer Storybook ?
Oui. La documentation Storybook est incluse pour que votre équipe puisse voir les composants, leurs variantes, états et usages en un seul endroit.
Pouvez-vous créer un mode sombre ou plusieurs thèmes ?
Oui. La prise en charge des thèmes, y compris le mode sombre et d’autres thèmes, peut être ajoutée selon vos besoins et le périmètre du package.
Pouvez-vous travailler dans mon projet React existant ?
Oui. Contactez-moi avant de commander et partagez votre stack actuel et vos besoins pour que je puisse confirmer la compatibilité et le périmètre.
