Crie sites maisprofissionaissem começar do zero.
Explore componentes, efeitos, animações e secções prontas para personalizar os seus projectos e acelerar a criação de sites com mais qualidade visual.
Categorias
Botão premium
•••Card com imagem
Fluxo de trabalho otimizado
Três passos simples para transformar o seu design em código funcional em tempo recorde.
Encontre
Navegue por centenas de componentes premium organizados por categoria.
Copie
Um clique para copiar o código e adaptá-lo ao seu projecto.
Cole
Cole no seu projecto e personalize as cores e estilos como preferir.
Preview real de alguns códigos
Visualize exemplos reais da biblioteca e use as ligações públicas para navegar por categorias e previews indexáveis.
Carregando preview da home...
Os itens desta seção são controlados no painel admin.
Tudo o que precisa para o front-end
Biblioteca desenhada para reduzir o tempo de implementação sem perder qualidade visual e técnica.
Pronto a copiar e colar
É dono do código. Copie, cole no seu projecto e personalize sem amarras.
100% responsivo
Do móvel ao desktop, com comportamento consistente nos principais tamanhos de ecrã.
Animações nativas
Microinteracções e transições fluidas para elevar a percepção de qualidade do produto.
Acessibilidade integrada
Componentes seguindo boas práticas de acessibilidade para teclado e leitores de ecrã.
Catálogo de componentes UI
Centenas de blocos organizados para você encontrar exatamente o que precisa em segundos.
Botões HTML CSS
39 componentes
Botões animados, CTAs e variações para interfaces mais profissionais.
Cards HTML CSS
20 componentes
Cards para produto, depoimento, artigo, estatísticas e outras vitrines visuais.
Menus responsivos
30 componentes
Menus, navegação e padrões de interface para desktop, mobile e web apps.
Animações CSS
26 componentes
Loaders, microinterações e efeitos visuais pensados para destacar páginas e interfaces.
Amado por desenvolvedores
Veja o que a comunidade está dizendo sobre a Designs Code.
Lucas Silva
Engenheiro front-end
"A qualidade do código é absurda. Economizei dezenas de horas no meu último projeto freelance com os componentes de formulários e tabelas."
Mariana Costa
Tech lead
"O que mais me impressiona é a acessibilidade nativa. Já vem tudo pronto para teclado e leitores de tela."
Pedro Henrique
Full-stack developer
"Vale cada centavo. O design é moderno, as animações são fluidas e a integração com Tailwind é direta."
Preços simples e transparentes
Escolha o formato de acesso ideal para a Designs Code. Pagamento no PIX tem 10% de desconto.
Pagamento padrão no checkout.
MENSAL
cobrança mensal
- Acesso a +150 componentes premium
- Código-fonte em HTML, CSS e JavaScript
- Licença comercial ilimitada
- Flexibilidade total para cancelar quando quiser
Aqui você tem tudo isso com a menor entrada para começar agora.
ANUAL
cobrança anual
- Acesso a +150 componentes premium
- Atualizações semanais com novos blocos
- Licença comercial ilimitada
- Mais economia do que renovar mês a mês
Economia em relação a doze meses no plano mensal.
VITALÍCIO
pagamento único
- Acesso a +150 componentes premium
- Código-fonte em HTML, CSS e JavaScript
- Licença comercial ilimitada
- Sem mensalidade nem renovação
Sem recorrência, com acesso liberado de forma permanente.
Perguntas frequentes
Tudo o que precisa de saber sobre a plataforma Designs Code.