Ver categorias
Explorar
Fiverr Pro
Português
$
USD
Vou criar componentes react reutilizáveis e sistema de design no storybook
manahilashraf1
Sobre este Serviço
Tradução automática
Construir um produto escalável exige mais do que UI reutilizável. Sua equipe precisa de um sistema consistente que funcione tanto no código quanto no produto.
Eu vou criar um sistema de design React e biblioteca de componentes pronto para produção usando React, Tailwind CSS, shadcn/ui, Radix UI e Storybook.
Dependendo do seu pacote, posso trabalhar com suas diretrizes de marca existentes ou ajudar a definir a base visual do seu produto através de pesquisa e consultoria de UI.
O que você pode obter:
Componentes React reutilizáveis
Implementação de Tailwind CSS
shadcn/ui & Radix UI
Configuração e documentação do Storybook
Cores, tipografia, espaçamento & tokens
Variações e estados dos componentes
Componentes responsivos
Suporte a temas claro/escuro
Biblioteca de componentes Figma (Premium)
Pesquisa de marca & concorrentes (Premium)
Ideal para produtos SaaS, startups, dashboards, aplicativos web e equipes de produto em crescimento que precisam de consistência e escalabilidade.
Tem componentes complexos ou um arquivo Figma existente? Envie uma mensagem antes de fazer o pedido para definirmos o escopo adequado.
Conheça mais sobre manahilashraf1
manahilashraf1
Modern UI UX validated with real user data
- A partir dePaquistão
- Membro desdeout. de 2022
- Responde em aprox.:1 hora
Idiomas
Urdu, Inglês
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.
Tradução automática
Meu portfólio
Perguntas frequentes
Tradução automática
O que você precisa de mim para começar?
Por favor, compartilhe suas cores de marca existentes, tipografia, diretrizes visuais, arquivo Figma, produto atual ou referências. Para os pacotes Standard e Premium, também posso ajudar a definir ou refinar a base visual.
Quais tecnologias você usa?
Eu trabalho principalmente com React, Tailwind CSS, shadcn/ui, Radix UI e Storybook. A stack exata pode ser ajustada com base nos requisitos do seu projeto atual.
Vou receber componentes React reutilizáveis?
Sim. Os componentes são construídos para serem reutilizáveis e escaláveis, com variantes, estados, comportamento responsivo e estilo consistente.
O que conta como um componente?
Um componente padrão pode ser um botão, input, badge, card, checkbox, select, etc. Elementos avançados como tabelas de dados, formulários complexos, seletores de data ou componentes multi-etapas podem contar como múltiplos componentes, dependendo da funcionalidade.
Você fornece um sistema de design Figma?
Sim. Uma biblioteca completa de componentes Figma está incluída no pacote Premium e também pode ser adicionada a outros pacotes como extra.
Você consegue trabalhar com meu arquivo Figma existente?
Sim. Posso usar seus componentes, estilos, tokens e diretrizes de marca existentes no Figma e traduzi-los em componentes React reutilizáveis.
Não tenho cores de marca ou diretrizes de UI. Você pode ajudar?
Sim. O pacote Standard inclui consultoria de UI e refinamento. O pacote Premium inclui pesquisa mais aprofundada de marca e concorrentes, direção de cores, bases visuais e o sistema correspondente em Figma e React.
Você vai configurar o Storybook?
Sim. A documentação do Storybook está incluída para que sua equipe possa visualizar componentes, variantes, estados e uso em um só lugar.
Você consegue criar modo escuro ou múltiplos temas?
Sim. O suporte a temas, incluindo modo escuro e temas adicionais, pode ser adicionado dependendo dos seus requisitos e escopo do pacote.
Você pode trabalhar dentro do meu projeto React existente?
Sim. Por favor, entre em contato antes de fazer o pedido e compartilhe sua stack atual e requisitos para que eu possa confirmar compatibilidade e escopo.
