Introdução

Sem mais delongas, aqui estão os links!

Acessibilidade web

• aria-current - O artigo da Aditus explica como o atributo aria-current melhora a acessibilidade ao indicar itens ativos, como a página atual em uma navegação.

• axe DevTools - Web Accessibility Testing - Extensão do Chrome para testar e corrigir problemas de acessibilidade web.

Design

• Blush - Plataforma que oferece uma vasta coleção de ilustrações gratuitas e personalizáveis.

• Storyset - Ilustrações gratuitas e personalizáveis.

• ui8 - Ferramenta que permite criar personagens personalizados de forma fácil e intuitiva com uma vasta biblioteca de elementos editáveis.

• UI Colors - Ferramenta online que gera e ajusta paletas de cores especificamente para tailwind. Você pode criar escalas de cores personalizadas inserindo códigos hexadecimais ou ajustando valores HSL.

• Coolors - Ferramenta online que permite gerar, ajustar, salvar e personalizar paletas de cores.

• KeyFrames - Keyframes facilita a criação de animações CSS. Defina propriedades, visualize em tempo real e gere código CSS.

• Pexels - Coleção de fotos e vídeos gratuitos de alta qualidade para uso pessoal e comercial.

• Background Snippets - Snippets de backgrounds prontos para uso com tailwind.

Open source

• Sonner - Biblioteca para react, simplifica a criação de notificações. Oferece várias opções de personalização.

• Faker.js - Biblioteca javaScript que gera dados falsos para testes e desenvolvimento. Crie nomes, endereços, números de telefone etc…

• Leaflet.js - Biblioteca javaScript para criação de mapas interativos.

• Phosphor Icons - Biblioteca de icones interessantes que achei por ai.