Kategorien durchsuchen
Entdecken
Fiverr Pro
Deutsch
$
USD
Ich erstelle wiederverwendbare React-Komponenten und Storybook-Designsystem
manahilashraf1
Über diesen Service
Automatische Übersetzung
Ein skalierbares produkt zu entwickeln erfordert mehr als wiederverwendbare UI. Dein team braucht ein konsistentes system, das sowohl im code als auch im produkt funktioniert.
Ich werde ein produktbereites React design system und komponentenbibliothek mit React, Tailwind CSS, shadcn/ui, Radix UI und Storybook erstellen.
Je nach paket kann ich mit deinen bestehenden markenrichtlinien arbeiten oder dir helfen, die visuelle grundlage deiner produkte durch recherche und UI-beratung zu definieren.
Was du bekommst:
wiederverwendbare React-komponenten
Tailwind CSS implementierung
shadcn/ui & Radix UI
Storybook einrichtung & dokumentation
Farben, typografie, abstände & tokens
Komponentenvarianten und zustände
Responsive komponenten
Light/dark theme unterstützung
Figma komponentenbibliothek (Premium)
Marken- & wettbewerberforschung (Premium)
Ideal für SaaS produkte, startups, dashboards, web apps und wachsendes produktteam, die konsistenz und skalierbarkeit benötigen.
Hast du komplexe komponenten oder eine bestehende Figma datei? Schreib mir vor der Bestellung, damit wir den richtigen umfang festlegen können.
Lerne manahilashraf1 kennen
manahilashraf1
Modern UI UX validated with real user data
- AusPakistan
- Mitglied seitOkt. 2022
- ⌀ Antwortzeit1 Stunde
Sprachen
Urdu, Englisch
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.
Automatische Übersetzung
Mein Portfolio
FAQ
Automatische Übersetzung
Was benötigen Sie von mir, um zu beginnen?
Bitte teile deine bestehenden markenfarben, typografie, visuelle richtlinien, Figma datei, aktuelles produkt oder referenzen. Für standard- und premium-pakete kann ich auch helfen, die visuelle grundlage zu definieren oder zu verfeinern.
Welche Technologien nutzen Sie?
Ich arbeite hauptsächlich mit React, Tailwind CSS, shadcn/ui, Radix UI und Storybook. Der genaue stack kann je nach deinen bestehenden projektanforderungen angepasst werden.
Werde ich wiederverwendbare React-komponenten erhalten?
Ja. Komponenten sind so gebaut, dass sie wiederverwendbar und skalierbar sind, mit passenden varianten, zuständen, responsive-verhalten und konsistenter stilistik.
Was zählt als eine Komponente?
Ein standardkomponente kann ein button, input, badge, karte, checkbox, select usw. sein. Fortgeschrittene elemente wie datentabellen, komplexe formulare, datumswähler oder mehrstufige komponenten können je nach funktionalität als mehrere komponenten zählen.
Stellst du ein Figma design system bereit?
Ja. Eine vollständige Figma komponentenbibliothek ist im Premium-paket enthalten und kann auch als extra zu anderen paketen hinzugefügt werden.
Kann ich mit meiner bestehenden Figma-Datei arbeiten?
Ja. Ich kann deine bestehenden Figma-komponenten, styles, tokens und markenrichtlinien verwenden und sie in wiederverwendbare React-komponenten umwandeln.
Ich habe keine markenfarben oder UI-richtlinien. Kannst du helfen?
Ja. Das standardpaket beinhaltet UI-beratung und verfeinerung. Das premium-paket umfasst tiefere marken- und wettbewerberforschung, farbgestaltung, visuelle grundlagen und das entsprechende Figma- und React-system.
Wirst du Storybook einrichten?
Ja. Die dokumentation in Storybook ist enthalten, damit dein team komponenten, varianten, zustände und nutzung an einem ort sehen kann.
Kannst du dark mode oder mehrere themes erstellen?
Ja. Theme-support, inklusive dark mode und zusätzliche themes, kann je nach deinen anforderungen und paketumfang hinzugefügt werden.
Kannst du in meinem bestehenden React-projekt arbeiten?
Ja. Bitte kontaktiere mich vor der bestellung und teile deine aktuelle stack und anforderungen, damit ich kompatibilität und umfang bestätigen kann.
