Compilado por Pablo Murad — 2026
Data da pesquisa: 2026-06-14

Critério bruto, sem romantizar

Esta lista prioriza recursos gratuitos, open-source, copy-paste, documentações oficiais, bibliotecas com plano gratuito, geradores visuais e coleções úteis para deixar sites mais bonitos ou interativos. Mesmo assim, alguns projetos têm planos pagos, licenças específicas para uso comercial, ou mudam regra com o tempo. Antes de usar em projeto comercial, confira a licença do item específico. Não seja inocente: “free” em página de marketing nem sempre significa “livre para qualquer uso”.

Como usar

Para resolver rápido: comece por Uiverse, Stylosheet, Animista, CSS Gradient, Haikei, Animate.css, Alpine.js, Swiper, Chart.js e AOS.
Para site simples: use Pico CSS, Simple.css, Water.css, MVP.css ou new.css.
Para site moderno com controle visual: use Tailwind CSS + daisyUI/Flowbite/HyperUI.
Para interatividade sem complicar: Alpine.js, HTMX, Tippy.js, SweetAlert2, Toastify, Swiper e AOS.
Para gráficos: Chart.js primeiro; D3 só se você realmente precisar de controle avançado.

Parte 1 — CSS: 250 recursos gratuitos para visual, templates, componentes, efeitos e decoração

#	Recurso	Categoria	Para que serve	Facilidade
1	Bootstrap	Framework CSS/JS	Base responsiva completa, componentes prontos.	Fácil
2	Tailwind CSS	Utility-first CSS	Classes utilitárias para criar layout visual rápido.	Médio
3	Bulma	Framework CSS	Framework moderno baseado em Flexbox.	Fácil
4	Foundation	Framework CSS	Grid, componentes e padrões responsivos.	Médio
5	Pure.css	Micro framework CSS	Módulos pequenos para grids, menus e forms.	Fácil
6	Tachyons	Functional CSS	Classes pequenas para montar interfaces rápidas.	Médio
7	UIkit	UI framework	Componentes elegantes e responsivos.	Fácil
8	Materialize	Material Design CSS	Componentes estilo Material Design.	Fácil
9	Semantic UI	UI framework	Componentes semânticos e fáceis de ler.	Médio
10	Fomantic UI	UI framework	Fork comunitário do Semantic UI.	Médio
11	Spectre.css	Lightweight framework	Framework leve e limpo.	Fácil
12	Primer CSS	Design system CSS	Sistema de interface usado pelo GitHub.	Médio
13	PatternFly	Design system	Componentes corporativos open-source.	Médio
14	Carbon Design System	Design system	Sistema visual da IBM com CSS/components.	Médio
15	Clarity Design System	Design system	UI kit open-source para apps web.	Médio
16	Shoelace	Web components + CSS	Componentes web customizáveis com temas CSS.	Fácil
17	Ionic Framework	Mobile UI components	Componentes visuais para apps/web mobile.	Médio
18	Onsen UI	Mobile UI	Componentes para interfaces mobile híbridas.	Médio
19	Framework7	Mobile UI framework	UI estilo iOS/Android para web apps.	Médio
20	Metro UI CSS	UI framework	Interface inspirada no estilo Metro/Windows.	Fácil
21	NES.css	Retro CSS	Estética 8-bit/NES para sites.	Fácil
22	XP.css	Retro CSS	Interface estilo Windows XP.	Fácil
23	98.css	Retro CSS	Interface estilo Windows 98.	Fácil
24	7.css	Retro CSS	Interface estilo Windows 7.	Fácil
25	MVP.css	Classless CSS	Deixa HTML puro bonito sem classes.	Muito fácil
26	Pico CSS	Classless/minimal CSS	HTML semântico com visual limpo.	Muito fácil
27	Water.css	Classless CSS	Melhora HTML simples automaticamente.	Muito fácil
28	Sakura	Classless CSS	Tema minimalista para páginas simples.	Muito fácil
29	Simple.css	Classless CSS	CSS leve para sites simples.	Muito fácil
30	Classless.de	Classless themes	Temas CSS sem classes para HTML básico.	Muito fácil
31	Tufte CSS	Editorial CSS	Estilo ensaio/livro com sidenotes.	Fácil
32	LaTeX.css	Academic CSS	Aparência de documento LaTeX na web.	Muito fácil
33	Marx	Classless CSS	CSS minimalista para HTML padrão.	Muito fácil
34	Tacit	Classless CSS	Tipografia limpa para sites simples.	Muito fácil
35	new.css	Classless CSS	CSS leve e moderno para HTML sem classes.	Muito fácil
36	Holiday.css	Classless CSS	Tema agradável para páginas simples.	Muito fácil
37	Bamboo CSS	Classless CSS	HTML puro com aparência amigável.	Muito fácil
38	Chota	Micro CSS framework	Framework minúsculo e responsivo.	Fácil
39	Milligram	Minimal framework	CSS minimalista com grid simples.	Fácil
40	Skeleton	Boilerplate CSS	Base responsiva pequena para sites.	Fácil
41	Mini.css	Mini framework	Componentes e layout em poucos KB.	Fácil
42	Picnic CSS	Lightweight CSS	Framework leve para componentes rápidos.	Fácil
43	Blaze UI	UI toolkit	Componentes CSS abertos e modulares.	Fácil
44	Cirrus	CSS framework	Framework moderno com utilitários e componentes.	Fácil
45	TurretCSS	CSS framework	Framework semântico e responsivo.	Médio
46	Base CSS	CSS framework	Base minimalista para projetos web.	Fácil
47	Concise CSS	CSS framework	Framework limpo e modular.	Fácil
48	Wing CSS	Minimal framework	Framework minúsculo para landing pages.	Fácil
49	Mustard UI	CSS framework	Framework limpo para prototipagem.	Fácil
50	Material Design Lite	Material CSS	Componentes Material Design clássicos.	Fácil
51	daisyUI	Tailwind components	Componentes prontos para Tailwind.	Fácil
52	Flowbite	Tailwind components	Componentes Tailwind com exemplos.	Fácil
53	Preline UI	Tailwind components	Componentes e plugins gratuitos Tailwind.	Fácil
54	HyperUI	Tailwind snippets	Componentes Tailwind gratuitos para copiar.	Fácil
55	Tailwind Components	Tailwind examples	Comunidade de componentes Tailwind.	Fácil
56	Tailwind UI Kit Free	Tailwind kit	Blocos Tailwind gratuitos.	Fácil
57	Meraki UI	Tailwind components	Componentes Tailwind bonitos e gratuitos.	Fácil
58	Tailblocks	Tailwind blocks	Blocos prontos para landing pages.	Muito fácil
59	Kometa UI Kit	Tailwind components	Componentes e templates Tailwind gratuitos.	Fácil
60	Mamba UI	Tailwind components	Componentes e templates Tailwind.	Fácil
61	Windstrap	Tailwind Bootstrap-like	Componentes Bootstrap reimaginados no Tailwind.	Fácil
62	Kutty	Tailwind plugin/components	Componentes acessíveis para Tailwind.	Fácil
63	Notus JS/Tailwind	Tailwind kit	Starter kit gratuito baseado em Tailwind.	Médio
64	Material Tailwind	Tailwind Material UI	Componentes Material com Tailwind.	Fácil
65	Headless UI	Headless components	Componentes acessíveis para estilizar com CSS/Tailwind.	Médio
66	Radix UI Themes	UI theme system	Sistema visual gratuito para apps React.	Médio
67	shadcn/ui	Copy-paste components	Componentes bonitos com Tailwind/Radix.	Médio
68	Aceternity UI	Animated UI snippets	Componentes modernos animados para Tailwind.	Médio
69	Magic UI	Animated components	Componentes Tailwind/React com animações.	Médio
70	Origin UI	UI components	Componentes gratuitos para copiar.	Fácil
71	Float UI	Tailwind templates	Componentes e templates Tailwind gratuitos.	Fácil
72	Creative Tim Tailwind Starter Kit	Tailwind starter	Kit gratuito de páginas e componentes.	Médio
73	Sailboat UI	Tailwind components	Componentes Tailwind para dashboards e páginas.	Fácil
74	TW Elements	Tailwind components	Componentes inspirados em Bootstrap para Tailwind.	Fácil
75	Skeleton UI	Svelte/Tailwind UI	UI toolkit para Svelte com Tailwind.	Médio
76	DaisyUI Theme Generator	Theme generator	Gerador gratuito de temas daisyUI.	Muito fácil
77	ThemeWagon Free Templates	Free templates	Templates HTML/CSS gratuitos.	Fácil
78	HTML5 UP	Free templates	Templates responsivos gratuitos.	Muito fácil
79	Templated	Free templates	Templates HTML5/CSS responsivos.	Muito fácil
80	Free CSS	Free templates	Centenas de templates CSS gratuitos.	Fácil
81	Start Bootstrap	Bootstrap templates	Temas e templates Bootstrap gratuitos.	Muito fácil
82	BootstrapMade Free	Bootstrap templates	Templates Bootstrap grátis.	Fácil
83	Colorlib Free Templates	Website templates	Templates gratuitos para sites.	Fácil
84	One Page Love Templates	Landing templates	Templates gratuitos para landing pages.	Fácil
85	Cruip Free Templates	Landing templates	Templates gratuitos modernos.	Fácil
86	Tooplate	HTML templates	Templates HTML/CSS gratuitos.	Fácil
87	Nicepage Free Templates	HTML templates	Templates HTML editáveis; verificar licença por item.	Fácil
88	Themefisher Free	Bootstrap templates	Templates gratuitos Bootstrap.	Fácil
89	GrayGrids Free	Bootstrap templates	Templates Bootstrap gratuitos.	Fácil
90	UIdeck Free Templates	Templates	Templates gratuitos para landing pages.	Fácil
91	StyleShout	Free templates	Templates HTML5/CSS gratuitos.	Fácil
92	FreeHTML5.co	Free templates	Templates HTML5 gratuitos.	Fácil
93	W3Layouts Free	Templates	Templates gratuitos; conferir licença.	Fácil
94	Mobirise Free Templates	Templates	Templates HTML gratuitos e blocos visuais.	Fácil
95	Codrops	CSS experiments	Efeitos, layouts e microinterações criativas.	Médio
96	CSS-Tricks Almanac	CSS reference	Referência prática de propriedades CSS.	Fácil
97	MDN CSS	Docs CSS	Documentação confiável de CSS.	Fácil
98	Can I use	Compatibility	Verifica suporte de recursos CSS nos navegadores.	Muito fácil
99	Web.dev CSS	CSS learning/reference	Guia gratuito de CSS moderno.	Fácil
100	SmolCSS	CSS snippets	Snippets modernos pequenos e úteis.	Fácil
101	Modern CSS Solutions	CSS snippets	Soluções modernas para problemas comuns.	Fácil
102	Every Layout	Layout CSS	Padrões de layout robustos; parte grátis útil.	Médio
103	1-Line Layouts	CSS layouts	Layouts úteis em uma linha de CSS.	Muito fácil
104	CSS Layout Generator	Layout generator	Gerador visual de grids/flex layouts.	Muito fácil
105	CSS Grid Generator	Grid generator	Cria CSS Grid visualmente.	Muito fácil
106	Grid Garden	CSS Grid game	Aprenda Grid jogando.	Muito fácil
107	Flexbox Froggy	Flexbox game	Aprenda Flexbox jogando.	Muito fácil
108	Flexbox Defense	Flexbox game	Treino divertido de Flexbox.	Muito fácil
109	CSS Grid Garden Guide	Grid learning	Prática rápida para posicionamento Grid.	Muito fácil
110	Animista	CSS animations	Gerador de animações CSS prontas.	Muito fácil
111	Animate.css	CSS animation library	Animações CSS prontas via classes.	Muito fácil
112	Hover.css	CSS hover effects	Efeitos hover prontos para botões e links.	Muito fácil
113	CSShake	CSS shake animations	Animações de tremor em CSS.	Muito fácil
114	Whirl	CSS loaders	Loaders CSS prontos e leves.	Muito fácil
115	SpinKit	CSS loaders	Loaders CSS bonitos e fáceis.	Muito fácil
116	CSS Loaders	CSS loaders	Grande coleção de loaders puros em CSS.	Muito fácil
117	Loading.io CSS Spinner	CSS loaders	Spinners CSS gratuitos.	Muito fácil
118	LDRS	Loaders	Loaders web modernos e leves.	Fácil
119	Epic Spinners	CSS spinners	Coleção de spinners CSS/Vue.	Fácil
120	CSS Wand	CSS effects	Efeitos CSS copiados em um clique.	Muito fácil
121	UIVerse	CSS/Tailwind components	Componentes open-source para copiar.	Muito fácil
122	CSS Buttons	Button effects	Botões CSS gratuitos e customizáveis.	Muito fácil
123	Get CSS Scan Buttons	Button examples	Exemplos gratuitos de botões CSS.	Muito fácil
124	CSS Portal	CSS tools	Geradores de sombras, gradientes, transformações e mais.	Muito fácil
125	CSS Gradient	Gradient generator	Gerador de gradientes CSS.	Muito fácil
126	Grabient	Gradient tool	Gradientes ajustáveis e copiáveis.	Muito fácil
127	Gradient Hunt	Gradient gallery	Galeria de gradientes grátis.	Muito fácil
128	CoolHue	Gradient palette	Paletas de gradientes prontas.	Muito fácil
129	uiGradients	Gradient gallery	Gradientes prontos para CSS.	Muito fácil
130	Mesh Gradient	Mesh gradients	Gerador de gradientes mesh.	Muito fácil
131	Haikei	SVG/CSS backgrounds	Gera backgrounds SVG, ondas, blobs e patterns.	Muito fácil
132	BGJar	SVG backgrounds	Fundos SVG gratuitos editáveis.	Muito fácil
133	SVG Backgrounds	SVG backgrounds	Fundos SVG prontos; verificar licença por item.	Fácil
134	Hero Patterns	SVG patterns	Padrões SVG repetíveis para backgrounds.	Muito fácil
135	PatternPad	Pattern generator	Criação visual de padrões para fundo.	Muito fácil
136	Pattern Monster	SVG patterns	Padrões SVG gratuitos e customizáveis.	Muito fácil
137	MagicPattern	Pattern tools	Ferramentas gratuitas para patterns e blobs.	Muito fácil
138	Trianglify.io	Pattern generator	Gera backgrounds geométricos.	Muito fácil
139	CSS Pattern	CSS patterns	Padrões feitos apenas com CSS.	Muito fácil
140	Lea Verou CSS3 Patterns	CSS patterns	Padrões clássicos em CSS puro.	Fácil
141	Transparent Textures	Textures	Texturas leves para backgrounds.	Muito fácil
142	Subtle Patterns	Textures	Padrões sutis para interfaces.	Muito fácil
143	Blobmaker	Blob generator	Gera blobs SVG decorativos.	Muito fácil
144	Get Waves	SVG waves	Ondas SVG para seções de landing page.	Muito fácil
145	Shape Divider App	Section dividers	Divisores SVG para seções.	Muito fácil
146	Fancy Border Radius	Border radius generator	Gera formas orgânicas com border-radius.	Muito fácil
147	Neumorphism.io	Neumorphism generator	Gerador de sombras estilo neumorphism.	Muito fácil
148	Glassmorphism Generator	Glassmorphism	Gera CSS para efeito vidro.	Muito fácil
149	CSS Glass	Glassmorphism	Gerador simples de glassmorphism.	Muito fácil
150	Box Shadows	Box shadows	Sombras CSS prontas para copiar.	Muito fácil
151	Shadows Brumm	Shadow generator	Gera sombras multicamadas suaves.	Muito fácil
152	Smooth Shadow	Shadow generator	Sombras realistas em CSS.	Muito fácil
153	Cubic Bezier	Timing function	Cria easing para transições CSS.	Muito fácil
154	Easings.net	Easing reference	Curvas de easing para animações.	Muito fácil
155	Ceaser CSS Easing	CSS easing	Gerador clássico de easing CSS.	Muito fácil
156	Keyframes.app	CSS animation tools	Ferramentas para animação, box-shadow e gradients.	Muito fácil
157	AnimXYZ	CSS animation framework	Animações CSS composáveis.	Fácil
158	WickedCSS	CSS animations	Animações CSS divertidas.	Muito fácil
159	Tuesday CSS	CSS animation	Animações CSS para entradas/saídas.	Fácil
160	Magic Animations	CSS animations	Biblioteca de animações CSS.	Fácil
161	CSS Layout Cookbook	Layout recipes	Receitas de layout confiáveis da MDN.	Fácil
162	Fluid Type Scale	Typography generator	Tipografia fluida com clamp().	Muito fácil
163	Type Scale	Typography scale	Escalas tipográficas para CSS.	Muito fácil
164	Modern Fluid Typography Editor	Fluid typography	Gera clamp() para fontes responsivas.	Muito fácil
165	Fontsource	Self-host fonts	Pacotes de fontes open-source para projetos.	Fácil
166	Google Fonts	Free fonts	Fontes gratuitas para web.	Muito fácil
167	Bunny Fonts	Privacy-friendly fonts	Alternativa gratuita ao Google Fonts.	Muito fácil
168	Font Library	Open fonts	Biblioteca de fontes livres.	Fácil
169	Open Foundry	Open fonts	Fontes open-source com visual forte.	Fácil
170	Velvetyne	Open fonts	Fontes livres e experimentais.	Fácil
171	League of Moveable Type	Open fonts	Fontes open-source clássicas.	Fácil
172	Use & Modify	Open fonts	Curadoria de fontes abertas.	Fácil
173	Fontpair	Font pairing	Combinações gratuitas de fontes.	Muito fácil
174	Typespiration	Typography examples	Combinações tipográficas com CSS.	Fácil
175	Color Hunt	Color palettes	Paletas gratuitas para UI.	Muito fácil
176	Coolors	Color palettes	Gerador de paletas grátis.	Muito fácil
177	Adobe Color	Color palettes	Ferramenta gratuita para harmonias de cor.	Fácil
178	Paletton	Color scheme tool	Cria esquemas de cor.	Fácil
179	ColorSpace	Color gradients/palettes	Gera paletas e gradientes.	Muito fácil
180	Happy Hues	Color inspiration	Paletas aplicadas em UI real.	Muito fácil
181	Realtime Colors	Color preview	Testa paletas em landing page.	Muito fácil
182	Accessible Colors	Accessibility color tool	Checa contraste e sugere ajustes.	Muito fácil
183	Contrast Checker	Contrast tool	Checagem de contraste WCAG.	Muito fácil
184	Colorable	Contrast tool	Testa combinações de cores acessíveis.	Muito fácil
185	WhoCanUse	Color accessibility	Mostra acessibilidade de cores por deficiência visual.	Muito fácil
186	Open Color	Color system	Sistema de cores aberto para UI.	Fácil
187	Radix Colors	Color system	Escalas de cor acessíveis para UI.	Fácil
188	Tailwind Color Generator	Tailwind colors	Gera escalas de cor para Tailwind.	Muito fácil
189	Material Design Palette	Material colors	Paletas estilo Material Design.	Muito fácil
190	Open Props	CSS variables	Tokens CSS prontos: cores, sombras, sizes.	Fácil
191	Normalize.css	CSS reset	Normaliza estilos entre navegadores.	Muito fácil
192	Modern Normalize	CSS reset	Normalize moderno e pequeno.	Fácil
193	CSS Remedy	CSS reset	Reset pensando em comportamento moderno.	Médio
194	Sanitize.css	CSS reset	Base consistente e segura para CSS.	Fácil
195	Reseter.css	CSS reset	Reset moderno para projetos web.	Fácil
196	Destyle.css	CSS reset	Remove estilos padrões agressivamente.	Médio
197	The New CSS Reset	CSS reset	Reset moderno usando unset/revert.	Médio
198	A11y CSS Reset	Accessible reset	Reset CSS com foco em acessibilidade.	Fácil
199	CSS Icons	CSS icon library	Ícones feitos em CSS puro.	Muito fácil
200	Iconoir	Icon library	Ícones SVG gratuitos e open-source.	Muito fácil
201	Heroicons	SVG icons	Ícones gratuitos da equipe Tailwind.	Muito fácil
202	Lucide	Icon library	Ícones open-source limpos.	Muito fácil
203	Feather Icons	SVG icons	Ícones leves e minimalistas.	Muito fácil
204	Tabler Icons	SVG icons	Grande biblioteca de ícones gratuitos.	Muito fácil
205	Phosphor Icons	Icon library	Ícones flexíveis com pesos variados.	Muito fácil
206	Remix Icon	Icon library	Ícones gratuitos para web/app.	Muito fácil
207	Boxicons	Icon library	Ícones CSS/SVG fáceis de usar.	Muito fácil
208	Bootstrap Icons	Icon library	Ícones gratuitos do Bootstrap.	Muito fácil
209	Font Awesome Free	Icon library	Ícones gratuitos; filtrar por Free.	Muito fácil
210	Ionicons	Icon library	Ícones open-source para web/mobile.	Muito fácil
211	Simple Icons	Brand icons	Ícones SVG de marcas.	Muito fácil
212	Devicon	Developer icons	Ícones de tecnologias/dev tools.	Muito fácil
213	SVG Repo	SVG library	Grande biblioteca de SVGs gratuitos.	Muito fácil
214	Iconmonstr	Icon library	Ícones gratuitos em SVG/PNG.	Muito fácil
215	Iconify	Icon framework	Acesso unificado a muitas coleções de ícones.	Fácil
216	Line Awesome	Icon font	Alternativa line-style ao Font Awesome.	Fácil
217	CSS.gg	Pure CSS icons	Ícones em CSS puro.	Muito fácil
218	SVGOMG	SVG optimizer	Otimiza SVG para usar no site.	Muito fácil
219	GetIllustrations Free	Illustrations	Ilustrações gratuitas; conferir licença.	Fácil
220	unDraw	Illustrations	Ilustrações SVG gratuitas customizáveis.	Muito fácil
221	Storyset	Illustrations	Ilustrações editáveis; atribuição conforme licença.	Fácil
222	IRA Design	Illustration kit	Ilustrações SVG gratuitas customizáveis.	Fácil
223	Open Doodles	Illustrations	Doodles gratuitos para projetos.	Fácil
224	ManyPixels Gallery	Illustrations	Galeria gratuita de ilustrações.	Fácil
225	DrawKit Free	Illustrations/icons	Recursos gratuitos; verificar licença por item.	Fácil
226	Blush Free	Illustrations	Ilustrações com opções gratuitas.	Fácil
227	Humaaans	Illustrations	Biblioteca gratuita de humanos ilustrados.	Fácil
228	Open Peeps	Illustrations	Personagens ilustrados open-source.	Fácil
229	Shape.so	Icons/illustrations	Recursos visuais com plano gratuito.	Fácil
230	Lordicon Free	Animated icons	Ícones animados com filtros gratuitos.	Fácil
231	LottieFiles Free Animations	Lottie animations	Animações gratuitas para UI.	Fácil
232	SVGator Free Tools	SVG tools	Ferramentas gratuitas para SVG.	Fácil
233	Clippy	Clip-path generator	Gera clip-path CSS visualmente.	Muito fácil
234	CSS Clip-path Maker	CSS shapes	Gera cantos/formas CSS modernas.	Fácil
235	Fancy CSS Borders	Border generator	Bordas decorativas em CSS.	Fácil
236	CSS Generators	CSS generators	Coleção de geradores CSS visuais.	Muito fácil
237	CSS Separator Generator	Separators	Gera separadores CSS/SVG para seções.	Muito fácil
238	CSS Triangle Generator	CSS shapes	Gera triângulos CSS.	Muito fácil
239	CSS Arrow Please	Tooltip arrows	Gera setas CSS para balões/tooltips.	Muito fácil
240	Best CSS Button Generator	Button generator	Cria botões CSS visualmente.	Muito fácil
241	Button Generator CSS	Button generator	Gerador simples de botões CSS.	Muito fácil
242	UI Buttons	Button snippets	Botões CSS prontos para copiar.	Muito fácil
243	Markodenic CSS Tips	CSS snippets	Dicas e snippets práticos.	Fácil
244	CSS Layout Patterns	Layout patterns	Padrões de layout modernos.	Fácil
245	A11y Project Checklist	Accessibility	Checklist para não criar site bonito e inacessível.	Fácil
246	Inclusive Components	Accessible components	Padrões de componentes acessíveis.	Médio
247	Accessible UI Components List	Accessibility patterns	Artigos práticos sobre componentes acessíveis.	Médio
248	ARIA Authoring Practices	Accessible patterns	Padrões oficiais para componentes interativos.	Médio
249	Formspark UI Resources	Forms CSS	Inspiração para formulários CSS.	Fácil
250	FormBold Free Templates	Form templates	Templates gratuitos de formulários.	Fácil

Parte 2 — JavaScript: 250 recursos gratuitos para interatividade, animações, gráficos e utilidades

#	Recurso	Categoria	Para que serve	Facilidade
1	React	UI library	Biblioteca para criar interfaces reativas.	Médio
2	Vue.js	UI framework	Framework progressivo e amigável.	Médio
3	Svelte	UI compiler	Componentes com pouca verbosidade e bom desempenho.	Médio
4	SolidJS	UI library	Reatividade fina e desempenho alto.	Médio
5	Preact	UI library	Alternativa leve ao React.	Médio
6	Alpine.js	Lightweight UI JS	Interatividade simples direto no HTML.	Muito fácil
7	HTMX	HTML-first interactivity	Interatividade via atributos HTML.	Fácil
8	Stimulus	Modest JS framework	JS organizado para HTML server-rendered.	Fácil
9	Lit	Web components	Cria web components leves.	Médio
10	Stencil	Web components compiler	Cria design systems em web components.	Médio
11	Mithril.js	SPA framework	Framework pequeno para SPAs.	Médio
12	Riot.js	UI library	Componentes simples e leves.	Médio
13	Hyperapp	Micro framework	Framework tiny para apps frontend.	Médio
14	Petite-vue	Tiny Vue	Interatividade progressiva estilo Vue.	Fácil
15	Backbone.js	MVC library	Clássico para estruturação de apps JS.	Médio
16	Ember.js	App framework	Framework completo para apps ambiciosos.	Avançado
17	Angular	App framework	Framework completo para apps grandes.	Avançado
18	Next.js	React framework	React com rotas, SSR e build moderno.	Médio
19	Nuxt	Vue framework	Vue com SSR, rotas e convenções.	Médio
20	SvelteKit	Svelte framework	Framework oficial para apps Svelte.	Médio
21	Astro	Content/site framework	Sites rápidos com ilhas interativas.	Médio
22	Qwik	Resumable framework	Framework focado em performance inicial.	Avançado
23	Remix	React framework	Framework full-stack focado em web standards.	Médio
24	Gatsby	Static site framework	Sites estáticos com React.	Médio
25	Eleventy	Static site generator	Gerador estático simples e flexível.	Fácil
26	Vite	Frontend tooling	Dev server/build rápido para JS moderno.	Fácil
27	Parcel	Bundler	Bundler simples quase sem configuração.	Fácil
28	Rollup	Bundler	Bundler forte para bibliotecas JS.	Médio
29	Webpack	Bundler	Bundler clássico e altamente configurável.	Avançado
30	esbuild	Bundler/minifier	Build JS extremamente rápido.	Médio
31	SWC	Compiler	Compilador JS/TS rápido em Rust.	Médio
32	Babel	Compiler	Transpila JS moderno para compatibilidade.	Médio
33	TypeScript	Typed JavaScript	JS com tipos para reduzir bugs.	Médio
34	jQuery	DOM utility	Clássico para manipular DOM rapidamente.	Muito fácil
35	Cash DOM	jQuery alternative	Manipulação DOM leve com API parecida jQuery.	Fácil
36	Umbrella JS	DOM utility	Biblioteca leve para DOM e eventos.	Fácil
37	Zepto.js	jQuery-like library	Alternativa leve ao jQuery.	Fácil
38	Lodash	Utility library	Funções úteis para arrays, objetos e strings.	Fácil
39	Underscore.js	Utility library	Utilitários funcionais clássicos.	Fácil
40	Ramda	Functional utilities	Programação funcional para JS.	Médio
41	date-fns	Date utilities	Manipulação de datas modular e leve.	Fácil
42	Day.js	Date library	Alternativa leve ao Moment.js.	Fácil
43	Luxon	Date/time library	Datas, horários e fusos com API moderna.	Médio
44	Moment.js	Date library	Biblioteca clássica de datas; hoje em manutenção.	Fácil
45	Temporal Polyfill	Date/time API	Nova API de datas via polyfill.	Avançado
46	Numeral.js	Number formatting	Formata números e moedas.	Fácil
47	Dinero.js	Money library	Manipulação segura de valores monetários.	Médio
48	accounting.js	Money formatting	Formatação de moeda e números.	Fácil
49	validator.js	Validation	Valida strings, emails, URLs e mais.	Fácil
50	Yup	Schema validation	Validação de schemas JS.	Médio
51	Zod	Schema validation	Validação com TypeScript excelente.	Médio
52	Joi	Schema validation	Validação poderosa para JS/Node.	Médio
53	Ajv	JSON Schema validator	Validador JSON Schema rápido.	Médio
54	Superstruct	Validation	Validação composável de dados.	Médio
55	Vest	Validation framework	Validação declarativa inspirada em testes.	Médio
56	React Hook Form	Forms	Formulários performáticos para React.	Médio
57	Formik	Forms	Formulários React com validação.	Médio
58	Final Form	Forms	Gerenciamento de forms sem framework obrigatório.	Médio
59	PristineJS	Form validation	Validação simples de forms vanilla JS.	Fácil
60	Parsley.js	Form validation	Validação de forms via atributos.	Fácil
61	Cleave.js	Input formatting	Máscaras de input para cartão, telefone etc.	Fácil
62	IMask	Input masks	Máscaras flexíveis de input.	Fácil
63	Inputmask	Input masks	Máscaras de formulário robustas.	Fácil
64	Choices.js	Select/input UI	Selects e tags customizados sem jQuery.	Fácil
65	Select2	Enhanced select	Selects pesquisáveis e customizados.	Fácil
66	Tom Select	Select UI	Selects leves com busca e tags.	Fácil
67	Slim Select	Select UI	Select customizado leve.	Fácil
68	Flatpickr	Date picker	Date/time picker leve e bonito.	Fácil
69	Pikaday	Date picker	Datepicker simples sem dependências.	Fácil
70	Air Datepicker	Date picker	Datepicker moderno e customizável.	Fácil
71	FullCalendar	Calendar UI	Calendário interativo completo.	Médio
72	Tippy.js	Tooltips/popovers	Tooltips bonitos baseados em Popper.	Fácil
73	Popper	Positioning engine	Posicionamento robusto para dropdowns/tooltips.	Médio
74	Floating UI	Positioning engine	Posicionamento moderno para popovers.	Médio
75	Micromodal	Modal library	Modais acessíveis e leves.	Fácil
76	SweetAlert2	Alerts/modals	Alertas bonitos e fáceis.	Muito fácil
77	Notyf	Toast notifications	Toasts simples e bonitos.	Muito fácil
78	Toastify JS	Toast notifications	Notificações toast leves.	Muito fácil
79	Notiflix	Notifications/loading	Notificações, loading e confirm dialogs.	Fácil
80	iziToast	Toast notifications	Toasts customizáveis.	Fácil
81	Toastr	Toast notifications	Toasts clássicos com jQuery.	Fácil
82	PNotify	Notifications	Notificações JS ricas.	Médio
83	Shepherd.js	Product tours	Tours guiados em sites/apps.	Fácil
84	Driver.js	Product tours	Guias, highlights e tours.	Fácil
85	Intro.js	Product tours	Tours e onboarding; conferir licença comercial.	Fácil
86	Hopscotch	Product tours	Tour guiado clássico.	Médio
87	Swiper	Slider/carousel	Carrosséis modernos touch-friendly.	Fácil
88	Splide	Slider/carousel	Slider leve e acessível.	Fácil
89	Glide.js	Slider/carousel	Slider leve e simples.	Fácil
90	Embla Carousel	Carousel	Carrossel flexível e pequeno.	Médio
91	Tiny Slider	Slider	Slider vanilla JS sem jQuery.	Fácil
92	Slick Carousel	Carousel	Carrossel clássico com jQuery.	Fácil
93	Flickity	Carousel	Carrossel touch e responsivo; verificar licença.	Fácil
94	Owl Carousel 2	Carousel	Carrossel jQuery popular.	Fácil
95	PhotoSwipe	Gallery/lightbox	Galeria e lightbox mobile-friendly.	Fácil
96	LightGallery	Gallery/lightbox	Galeria/lightbox rica.	Fácil
97	GLightbox	Lightbox	Lightbox leve sem dependências.	Fácil
98	Fancybox	Lightbox	Lightbox moderno; conferir licença/plano.	Fácil
99	baguetteBox.js	Lightbox	Lightbox simples e leve.	Muito fácil
100	Masonry	Grid layout	Layout tipo Pinterest.	Fácil
101	Isotope	Filtering layout	Filtros e layouts animados; conferir licença.	Médio
102	Muuri	Grid layout	Grid responsivo com drag/sort.	Médio
103	Packery	Grid layout	Layout bin-packing; conferir licença.	Médio
104	Shuffle.js	Filtering grid	Grid com filtros e ordenação.	Médio
105	Gridstack.js	Drag dashboard grid	Grid drag-and-drop para dashboards.	Médio
106	SortableJS	Drag and drop	Ordenação drag-and-drop fácil.	Fácil
107	Interact.js	Drag/resize/gestures	Arrastar, redimensionar e gestos.	Médio
108	Draggabilly	Drag and drop	Elementos arrastáveis simples.	Fácil
109	Dragula	Drag and drop	Drag-and-drop simples entre containers.	Fácil
110	Dropzone	File upload	Uploads com drag-and-drop.	Fácil
111	FilePond	File upload	Upload bonito, acessível e extensível.	Fácil
112	Uppy	File upload	Upload modular com dashboard.	Médio
113	Pintura Image Editor	Image editor	Editor de imagens; não totalmente grátis para tudo.	Médio
114	Cropper.js	Image cropper	Cortar imagens no navegador.	Fácil
115	Compressor.js	Image compression	Comprime imagens client-side.	Fácil
116	browser-image-compression	Image compression	Comprime imagens no browser.	Fácil
117	Lazysizes	Lazy loading	Lazy-load robusto para imagens/iframes.	Fácil
118	lozad.js	Lazy loading	Lazy loader pequeno via IntersectionObserver.	Fácil
119	vanilla-lazyload	Lazy loading	Lazy-load de imagens, vídeos e iframes.	Fácil
120	AOS	Scroll animations	Animações ao rolar a página.	Muito fácil
121	WOW.js	Scroll reveal	Revela elementos com animação no scroll.	Fácil
122	ScrollReveal	Scroll reveal	Animações de entrada no scroll.	Muito fácil
123	Rellax	Parallax	Parallax leve e fácil.	Muito fácil
124	simpleParallax.js	Parallax	Parallax simples em imagens.	Fácil
125	Locomotive Scroll	Smooth scroll	Scroll suave/parallax avançado.	Médio
126	Lenis	Smooth scroll	Scroll suave moderno.	Médio
127	GSAP	Animation	Animações profissionais; core gratuito com ressalvas.	Médio
128	Anime.js	Animation	Animação JS leve e poderosa.	Fácil
129	Motion	Animation	Animações para JS, React e Vue.	Fácil
130	Mo.js	Motion graphics	Animações gráficas e microinterações.	Médio
131	Velocity.js	Animation	Animações rápidas com API jQuery-like.	Fácil
132	Popmotion	Animation	Biblioteca funcional de animação.	Médio
133	Rough Notation	Annotations	Marcações estilo desenhado à mão.	Muito fácil
134	Typed.js	Typing effect	Efeito máquina de escrever.	Muito fácil
135	TypeIt	Typing effect	Efeito de digitação customizável.	Fácil
136	KUTE.js	Animation engine	Engine de animação JS/SVG.	Médio
137	Vivus	SVG animation	Anima desenho de SVG.	Fácil
138	Lottie Web	Animation renderer	Renderiza animações After Effects/Lottie.	Fácil
139	Bodymovin	Lottie exporter	Exporta animações para Lottie.	Médio
140	Rive	Interactive animation	Animações vetoriais interativas; plano free.	Médio
141	Three.js	3D graphics	3D/WebGL no navegador.	Avançado
142	Babylon.js	3D engine	Engine 3D completa para web.	Avançado
143	PixiJS	2D WebGL renderer	Renderização 2D acelerada por WebGL.	Médio
144	Phaser	Game framework	Framework JS para jogos 2D.	Médio
145	Matter.js	Physics engine	Física 2D para web.	Médio
146	Cannon-es	Physics engine	Física 3D para JS.	Avançado
147	Oimo.js	Physics engine	Física 3D leve em JS.	Avançado
148	D3.js	Data visualization	Visualizações de dados altamente customizadas.	Avançado
149	Chart.js	Charts	Gráficos simples, bonitos e responsivos.	Fácil
150	Apache ECharts	Charts	Gráficos ricos e interativos.	Médio
151	Plotly.js	Charts	Gráficos científicos/interativos.	Médio
152	ApexCharts	Charts	Gráficos modernos e fáceis.	Fácil
153	Highcharts Free/Non-commercial	Charts	Gráficos poderosos; licença gratuita só em casos específicos.	Médio
154	Nivo	React charts	Gráficos React bonitos baseados em D3.	Médio
155	Recharts	React charts	Gráficos React fáceis.	Médio
156	Visx	React visualization	Primitivas D3 para React.	Avançado
157	Vega	Visualization grammar	Gramática declarativa de visualização.	Avançado
158	Vega-Lite	Visualization grammar	Visualização declarativa mais simples que Vega.	Médio
159	Observable Plot	Charts	Biblioteca declarativa para gráficos.	Médio
160	Billboard.js	Charts	Gráficos reutilizáveis baseados em D3.	Médio
161	C3.js	Charts	Gráficos reutilizáveis baseados em D3.	Médio
162	Chartist	Charts	Gráficos responsivos simples.	Fácil
163	uPlot	Charts	Gráficos rápidos e leves.	Médio
164	Dygraphs	Time-series charts	Gráficos interativos de séries temporais.	Médio
165	Sigma.js	Graph visualization	Visualização de grafos/redes.	Avançado
166	Cytoscape.js	Graph visualization	Grafos e redes interativas.	Avançado
167	Mermaid	Diagrams	Diagramas via texto/Markdown.	Fácil
168	PlantUML Web	Diagrams	Diagramas textuais; útil com JS/docs.	Médio
169	Rough.js	Sketchy graphics	Desenhos SVG/canvas estilo mão livre.	Fácil
170	Fabric.js	Canvas library	Manipulação de objetos em canvas.	Médio
171	Konva	Canvas library	Canvas 2D interativo e estruturado.	Médio
172	Paper.js	Vector graphics	Gráficos vetoriais em canvas.	Médio
173	Two.js	2D drawing	Desenho 2D em SVG/canvas/WebGL.	Médio
174	p5.js	Creative coding	Arte generativa e programação criativa.	Fácil
175	Processing.js	Creative coding	Port clássico do Processing para JS.	Médio
176	Leaflet	Maps	Mapas interativos leves.	Fácil
177	OpenLayers	Maps	Mapas web avançados.	Avançado
178	MapLibre GL JS	Maps	Mapas vetoriais open-source.	Médio
179	Turf.js	Geospatial	Análise geoespacial em JS.	Médio
180	Deck.gl	Geospatial visualization	Visualizações geoespaciais WebGL.	Avançado
181	CesiumJS	3D maps/globe	Globo 3D e mapas geoespaciais.	Avançado
182	Papa Parse	CSV parser	Leitura/parsing de CSV no browser.	Fácil
183	SheetJS Community	Spreadsheet parser	Ler/escrever planilhas; verificar recursos free.	Médio
184	jsPDF	PDF generation	Gera PDFs no navegador.	Médio
185	PDF.js	PDF viewer	Renderiza PDFs no navegador.	Médio
186	pdf-lib	PDF manipulation	Cria e edita PDFs em JS.	Médio
187	PptxGenJS	PowerPoint generation	Gera apresentações PPTX via JS.	Médio
188	Docx	DOCX generation	Gera documentos Word via JS.	Médio
189	Prism.js	Syntax highlighting	Highlight de código leve.	Muito fácil
190	highlight.js	Syntax highlighting	Highlight automático para blocos de código.	Muito fácil
191	CodeMirror	Code editor	Editor de código embutido no browser.	Médio
192	Monaco Editor	Code editor	Editor do VS Code para web.	Avançado
193	Ace Editor	Code editor	Editor de código embutível.	Médio
194	Quill	Rich text editor	Editor rich text open-source.	Médio
195	TinyMCE Community	Rich text editor	Editor WYSIWYG com opções gratuitas.	Médio
196	CKEditor 5	Rich text editor	Editor poderoso; conferir licença/uso.	Médio
197	TipTap	Rich text editor	Editor headless baseado em ProseMirror.	Médio
198	ProseMirror	Text editor framework	Framework para editores rich text.	Avançado
199	Editor.js	Block editor	Editor por blocos estilo Notion.	Médio
200	EasyMDE	Markdown editor	Editor Markdown simples.	Fácil
201	SimpleMDE	Markdown editor	Editor Markdown clássico.	Fácil
202	Marked	Markdown parser	Converte Markdown para HTML.	Fácil
203	Markdown-it	Markdown parser	Parser Markdown extensível.	Fácil
204	Remark	Markdown processor	Processamento Markdown via plugins.	Médio
205	Unified	Content processor	Processa Markdown/HTML/ASTs.	Avançado
206	DOMPurify	HTML sanitizer	Sanitiza HTML contra XSS.	Fácil
207	sanitize-html	HTML sanitizer	Sanitização de HTML em Node/browser.	Médio
208	he	HTML entities	Codifica/decodifica entidades HTML.	Fácil
209	axios	HTTP client	Cliente HTTP simples baseado em promises.	Fácil
210	ky	HTTP client	Wrapper elegante para fetch.	Fácil
211	SWR	Data fetching	Fetching com cache para React.	Médio
212	TanStack Query	Data fetching/cache	Cache e sincronização de dados.	Médio
213	Apollo Client	GraphQL client	Cliente GraphQL para apps JS.	Médio
214	urql	GraphQL client	Cliente GraphQL leve e flexível.	Médio
215	graphql-request	GraphQL client	Cliente GraphQL mínimo.	Fácil
216	Socket.IO	Realtime	WebSockets/eventos em tempo real.	Médio
217	ws	WebSocket library	WebSocket rápido para Node.js.	Médio
218	PeerJS	WebRTC	WebRTC simplificado para peer-to-peer.	Médio
219	SimplePeer	WebRTC	WebRTC mais simples.	Médio
220	Comlink	Web workers	Comunicação simples com web workers.	Médio
221	Workbox	Service workers/PWA	Ferramentas para PWA e cache.	Médio
222	Dexie.js	IndexedDB	Wrapper amigável para IndexedDB.	Médio
223	localForage	Browser storage	Storage async simples no navegador.	Fácil
224	idb	IndexedDB wrapper	Wrapper leve para IndexedDB.	Médio
225	PouchDB	Offline database	Banco offline sync-compatible.	Médio
226	RxDB	Client database	Banco reativo para apps JS.	Avançado
227	Redux Toolkit	State management	Gerenciamento de estado React padronizado.	Médio
228	Zustand	State management	Estado React simples e pequeno.	Fácil
229	Jotai	State management	Estado atômico para React.	Médio
230	Recoil	State management	Estado React por átomos/selectors.	Médio
231	MobX	State management	Estado observável e reativo.	Médio
232	XState	State machines	Máquinas de estado para UI complexa.	Avançado
233	Valtio	Proxy state	Estado React via proxies.	Fácil
234	Immer	Immutable state	Atualizações imutáveis com sintaxe mutável.	Fácil
235	RxJS	Reactive programming	Streams e programação reativa.	Avançado
236	Effector	State manager	Gerenciamento reativo de estado.	Avançado
237	TanStack Table	Tables	Tabelas headless poderosas.	Médio
238	DataTables	Tables	Tabelas HTML com busca/paginação.	Fácil
239	AG Grid Community	Data grid	Grid robusto; Community grátis.	Médio
240	Grid.js	Tables	Tabelas leves e modernas.	Fácil
241	Tabulator	Tables	Tabelas interativas completas.	Médio
242	Handsontable Community	Spreadsheet grid	Grid tipo planilha; conferir licença.	Médio
243	List.js	Search/sort/filter	Busca, ordenação e filtros em listas HTML.	Fácil
244	Fuse.js	Fuzzy search	Busca fuzzy no cliente.	Fácil
245	FlexSearch	Search	Busca full-text rápida no browser.	Médio
246	MiniSearch	Search	Full-text search pequeno para browser.	Médio
247	Lunr.js	Search	Busca textual client-side.	Médio
248	Algolia Autocomplete	Autocomplete	Autocomplete open-source; serviço pode ser pago.	Médio
249	Fuse.js demo	Fuzzy search demo	Demonstração prática para busca fuzzy.	Muito fácil
250	clipboard.js	Clipboard	Copiar texto para área de transferência.	Muito fácil

Fontes-base consultadas na pesquisa

Awesome CSS: https://github.com/awesome-css-group/awesome-css
Awesome JavaScript: https://github.com/sorrycc/awesome-javascript
Uiverse: https://uiverse.io/
Stylosheet: https://www.stylosheet.com/
Theme-UI Free CSS Resources: https://themeui.net/freebies/css/
Motion: https://motion.dev/
Chart.js: https://www.chartjs.org/
FreeFrontend JavaScript animations: https://freefrontend.com/javascript-animations/
Project Awesome CSS Frameworks: https://project-awesome.org/r/awesome-css-frameworks
Project Awesome JavaScript: https://project-awesome.org/r/awesome-javascript

Observação final

A lista foi feita para pesquisa e triagem rápida. O melhor fluxo é escolher 10 a 20 recursos, testar localmente, medir performance e eliminar o resto. Colocar biblioteca demais no site só porque é bonito é receita para virar uma árvore de Natal lenta.

Pesquisa: 500 sites e recursos gratuitos para enfeitar sites com CSS e JavaScript