Legacy · 2017-2021

O design system original da plataforma VTEX

React components com CSS funcional baseado em Tachyons. A fundação visual que definiu a identidade Rebel Pink da VTEX Store Framework.

50+
Componentes
2017
Lançamento
Tachyons
CSS Base

Componentes React para e-commerce

Biblioteca completa para construir interfaces do ecossistema VTEX IO.

CSS Funcional

Baseado em Tachyons com classes utilitárias. Composição rápida sem escrever CSS customizado.

React Components

Componentes prontos para uso: Button, Input, Table, Modal, Dropdown, Tabs e muito mais.

Rebel Pink Identity

Paleta de cores vibrante com rosa #F71963 como cor primária. Identidade visual marcante.

VTEX IO Ready

Integração nativa com a plataforma VTEX IO. Deploy simplificado no ecossistema.

Documentação

Storybook com exemplos interativos. Playground para testar componentes em tempo real.

Customizável

Tokens de design e variáveis CSS para adaptar ao branding de cada loja.

Open source e gratuito

O Styleguide é parte do ecossistema VTEX IO disponível sob licença MIT.

Community
Grátis

Acesso completo ao código fonte e componentes.

  • 50+ componentes React
  • CSS funcional Tachyons
  • Storybook docs
  • Issues no GitHub
Acessar repo
Enterprise
Custom

Para operações com requisitos específicos.

  • Tudo do VTEX IO
  • Componentes customizados
  • Consultoria de UX
  • SLA dedicado
Falar com vendas

Sistema legado — considere migrar

O Styleguide foi substituído pelo Admin UI e posteriormente pelo Shoreline. Para novos projetos, recomendamos o Shoreline.

Conhecer Shoreline