Door categorieën bladeren
Ontdekken
Fiverr Pro
Nederlands
$
USD
Ik maak recyclebare react-componenten en storybook design systeem
manahilashraf1
Over deze dienst
Automatische vertaling
Het bouwen van een schaalbaar product vereist meer dan herbruikbare UI. Jouw team heeft een consistent systeem nodig dat werkt in zowel code als product.
Ik maak een productieklare React design systeem en componentbibliotheek met behulp van React, Tailwind CSS, shadcn/ui, Radix UI en Storybook.
Afhankelijk van jouw pakket, kan ik werken volgens je bestaande merk richtlijnen of helpen bij het bepalen van de visuele basis van je producten door onderzoek en UI-advies.
Wat je kunt krijgen:
Herbruikbare React componenten
Implementatie van Tailwind CSS
shadcn/ui & Radix UI
Storybook setup & documentatie
Kleuren, typografie, spacing & tokens
Component varianten en staten
Responsieve componenten
Ondersteuning voor light/dark theme
Figma componentbibliotheek (Premium)
Merk- & concurrentieonderzoek (Premium)
Ideaal voor SaaS-producten, startups, dashboards, webapps en groeiende productteams die behoefte hebben aan consistentie en schaalbaarheid.
Heb je complexe componenten of een bestaand Figma-bestand? Stuur me een bericht voordat je bestelt, zodat we de juiste scope kunnen bepalen.
Maak kennis met manahilashraf1
manahilashraf1
Modern UI UX validated with real user data
- Afkomstig uitPakistan
- Lid sindsokt 2022
- Gem. reactietijd1 uur
Talen
Urdu, Engels
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 vertaling
Mijn portfolio
Veelgestelde vragen
Automatische vertaling
Wat heb je van mij nodig om te beginnen?
Deel alsjeblieft je bestaande merk kleuren, typografie, visuele richtlijnen, Figma-bestand, huidig product of referenties. Voor standaard- en premium pakketten kan ik ook helpen bij het definiëren of verfijnen van de visuele basis.
Welke technologieën gebruik je?
Ik werk voornamelijk met React, Tailwind CSS, shadcn/ui, Radix UI en Storybook. De exacte stack kan worden aangepast op basis van jouw bestaande projectvereisten.
Ontvang ik herbruikbare React componenten?
Ja. Componenten worden gebouwd om herbruikbaar en schaalbaar te zijn, met passende varianten, staten, responsief gedrag en consistente styling.
Wat telt als één component?
Een standaard component kan een knop, invoer, badge, kaart, checkbox, select, etc. zijn. Geavanceerde elementen zoals datatabellen, complexe formulieren, datumpickers of multi-step componenten kunnen als meerdere componenten tellen afhankelijk van de functionaliteit.
Bied je een Figma design systeem aan?
Ja. Een volledige Figma componentbibliotheek is inbegrepen bij het Premium pakket en kan ook als extra worden toegevoegd aan andere pakketten.
Kun je werken met mijn bestaande Figma-bestand?
Ja. Ik kan je bestaande Figma componenten, stijlen, tokens en merk richtlijnen gebruiken en vertalen naar herbruikbare React componenten.
Heb ik geen merk kleuren of UI-richtlijnen. Kun je helpen?
Ja. Standaard omvat UI-advies en verfijning. Premium omvat dieper merk- en concurrentieonderzoek, kleuradvies, visuele fundamenten en het bijbehorende Figma- en React-systeem.
Zet je Storybook op?
Ja. Documentatie van Storybook is inbegrepen, zodat jouw team componenten, varianten, staten en gebruik op één plek kan bekijken.
Kun je een dark mode of meerdere thema's maken?
Ja. Thema-ondersteuning, inclusief dark mode en extra thema's, kan worden toegevoegd afhankelijk van jouw wensen en pakketomvang.
Kun je werken binnen mijn bestaande React-project?
Ja. Neem contact met me op voordat je bestelt en deel je huidige stack en wensen, zodat ik de compatibiliteit en scope kan bevestigen.
