A hand-picked list of free (or dirt-cheap) resources for building bold, premium, three-dimensional interfaces.
If you've ever bookmarked a component library, a shader tool, or a scroll-animation repo and then lost track of it three tabs later — this is for you. Everything here was gathered, checked, and organized into one searchable page so you don't have to go digging again.
Search, filter by category/platform/pricing, click through — no build step, no signup.
16 categories, 280+ resources, almost all free or open-source:
| Category | What you'll find |
|---|---|
| Component Libraries | shadcn/ui, Aceternity, Magic UI, Origin UI, and more copy-paste UI kits |
| Framework-Specific Components | The Vue, Svelte, Angular, SolidJS, and framework-agnostic equivalents of the React-first libraries above |
| Scroll & Animation | GSAP, Lenis, Framer Motion, and the libraries behind those buttery scroll effects |
| 3D / Shader / WebGL | shadergradient, Spline, react-three-fiber, Vanta.js, and raw shader tools |
| Icon Sets | Lucide, Phosphor, Tabler, Heroicons — the usual (excellent) suspects |
| App Icon Design | Generators, Figma templates, and Apple's own Icon Composer tooling |
| Mockup & Promo Video Tools | Turn a screen recording into an Apple-style product video |
| Design Inspiration Galleries | Awwwards, Mobbin, Godly, Lapa Ninja, and other places to steal ideas from (respectfully) |
| Free Framer Templates | 3D scroll animations and bold templates from the Framer marketplace |
| Open-Source GitHub Repos | Awesome-lists and source code worth starring |
| Free 3D Models for Scroll Effects | CC0 models and open-source scroll+3D boilerplates |
| Color & Typography Tools | Palette generators, font pairing tools, and free display fonts |
| Cursor & Micro-interactions | Custom cursors, magnetic buttons, and hover effects |
| Free Illustration Packs | unDraw, Humaaans, Blush, and other illustration/avatar libraries |
| iOS Onboarding & Liquid Glass | SwiftUI onboarding SDKs, Liquid Glass component libraries, Figma templates, and Apple's own WWDC25 Liquid Glass sample |
| Claude Skills for Onboarding & UI Design | SKILL.md-based Claude Skills for retention-driven onboarding flows, Apple HIG-compliant UI, and premium design review |
Each entry is tagged Free, Freemium, or Mostly paid, and (where relevant) Mobile, Desktop / Web, or both — with a favicon so you recognize the site at a glance. Filter by category, platform, or pricing (they combine), search on top of that, or just clear everything with one click.
Found something great that's missing? Or a link that's gone dead? Pull requests are genuinely welcome — no need to overthink it:
- Open
index.html - Find the right category in the
DATAarray - Add your resource (name, url, a short honest description, and pricing)
- Open a PR
Keep it in the spirit of the list: free, cheap, or open-source, and something you'd actually recommend to a friend.
Pricing and licensing terms change. We did our best to verify everything at the time of writing, but always double-check on the source site before you build on top of something.
This is a static, fully self-contained page (all CSS/JS is inline, no external requests, no backend, no analytics, no cookies). Hardening in place:
- A strict Content-Security-Policy meta tag:
default-src 'none', so no remote scripts, styles, frames, or network connections can load; only inline code anddata:images are allowed. - Every outbound link uses
rel="noopener noreferrer nofollow"and resource URLs are runtime-sanitized tohttp(s)/mailtoonly, so a badurlvalue in a pull request can't become ajavascript:injection. - A
referrerpolicy that avoids leaking full URLs cross-origin.
Some protections can only be set as HTTP response headers, not via meta tags.
If you host this behind a platform that supports custom headers (Cloudflare
Pages, Netlify, a reverse proxy, etc.), also set:
X-Frame-Options: DENY, X-Content-Type-Options: nosniff, and
Strict-Transport-Security: max-age=63072000; includeSubDomains.
GitHub Pages does not allow custom headers, but the in-page CSP still applies.
The curation and code in this repo are released under the MIT License. The linked resources each carry their own separate licenses; check those before using them commercially.
topics: ui-design ux-design design-resources awesome-list free-resources webgl threejs shadcn icons mockup framer css-animation open-source onboarding liquid-glass swiftui claude-skills vue svelte angular solidjs