Sfoglia categorie
Esplora
Fiverr Pro
Italiano
$
USD
Costruirò componenti react riutilizzabili e sistema di design storybook
manahilashraf1
Informazioni su questo servizio
Traduzione automatica.
Costruire un prodotto scalabile richiede più di un'interfaccia riutilizzabile. Il tuo team ha bisogno di un sistema coerente che funzioni sia nel codice che nel prodotto.
Realizzerò un sistema di design React pronto per la produzione e una libreria di componenti utilizzando React, Tailwind CSS, shadcn/ui, Radix UI e Storybook.
A seconda del tuo pacchetto, posso lavorare con le tue linee guida di brand esistenti o aiutarti a definire le basi visive del tuo prodotto attraverso ricerca e consulenza UI.
Ciò che puoi ottenere:
Componenti React riutilizzabili
Implementazione di Tailwind CSS
shadcn/ui & Radix UI
Configurazione e documentazione di Storybook
Colori, tipografia, spaziatura e token
Varianti e stati dei componenti
Componenti responsive
Supporto per tema chiaro/scuro
Library di componenti Figma (Premium)
Ricerca di brand e concorrenti (Premium)
Ideale per prodotti SaaS, startup, dashboard, app web e team di prodotto in crescita che necessitano di coerenza e scalabilità.
Hai componenti complessi o un file Figma esistente? Contattami prima di ordinare così possiamo definire il giusto scope.
Scopri di più su manahilashraf1
manahilashraf1
Modern UI UX validated with real user data
- DaPakistan
- Membro daott 2022
- Tempo di risposta medio1 ora
Lingue
Urdu, Inglese
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.
Traduzione automatica.
Il mio portfolio
FAQ
Traduzione automatica.
Di cosa hai bisogno da me per iniziare?
Per favore condividi i tuoi colori di brand esistenti, tipografia, linee guida visive, file Figma, prodotto attuale o riferimenti. Per i pacchetti Standard e Premium, posso anche aiutarti a definire o affinare le basi visive.
Quali tecnologie utilizzi?
Lavoro principalmente con React, Tailwind CSS, shadcn/ui, Radix UI e Storybook. La stack precisa può essere adattata in base alle esigenze del tuo progetto attuale.
Riceverò componenti React riutilizzabili?
Sì. I componenti sono progettati per essere riutilizzabili e scalabili, con varianti, stati, comportamento responsive e stile coerente.
Cosa si intende per un componente?
Un componente standard può essere un pulsante, input, badge, card, checkbox, select, ecc. Elementi avanzati come tabelle dati, form complessi, date picker o componenti multi-step possono contare come più componenti a seconda della funzionalità.
Fornite un sistema di design Figma?
Sì. Una libreria completa di componenti Figma è inclusa nel pacchetto Premium e può essere aggiunta anche ad altri pacchetti come extra.
Puoi lavorare con il mio file Figma esistente?
Sì. Posso usare i tuoi componenti, stili, token e linee guida di brand esistenti e tradurli in componenti React riutilizzabili.
Non ho colori di brand o linee guida UI. Puoi aiutarmi?
Sì. Il pacchetto Standard include consulenza UI e affinamento. Il pacchetto Premium include ricerca approfondita di brand e concorrenti, direzione dei colori, basi visive e il relativo sistema Figma e React.
Configurerai Storybook?
Sì. La documentazione di Storybook è inclusa così il tuo team può visualizzare i componenti, le loro varianti, stati e utilizzo in un unico posto.
Puoi creare modalità scura o più temi?
Sì. Il supporto ai temi, inclusa la modalità scura e altri temi, può essere aggiunto in base alle tue esigenze e allo scope del pacchetto.
Puoi lavorare all’interno del mio progetto React esistente?
Sì. Contattami prima di ordinare e condividi la tua stack attuale e le esigenze, così posso confermare compatibilità e scope.
