Case study
NudaUI
NudaUI is a project by Santiago Gómez de la Torre. This case study covers the problem it solves, what his role was and what came of it.
Updated on
The problem
Animation libraries tie you to a framework and weigh too much, and anyone working with Laravel, Django, Rails or plain HTML is left out.
My role
I created it and maintain it on my own. They are HTML and CSS animations, with JavaScript only when needed, accessible from day one (ARIA and prefers-reduced-motion) and themed with CSS variables. You copy and paste them, with nothing to install.
Stack
- Next.js
- TypeScript
- CSS
- framework-agnostic
The outcome
1,503 components across 81 categories, with zero dependencies and usually under 1 KB each. They work in React, Vue, Svelte, Astro, Blade, Jinja and plain HTML, under the MIT license and with a public JSON API.
Links
- Source, nudaui.dev
- Repository, github.com/sgomez-dev/nudaui