Aggregate. Combine. Build Premium. DesignForge collects the best 100% free UI/UX design resources from across the internet and presents them in one curated hub. No paid tools. No subscriptions. Just the best open-source design ecosystem.
Free design resources are scattered across the web. You hunt through bookmarks, Google searches, and GitHub repos just to find what you need. DesignForge solves this by acting as a central command center for all free UI/UX resources.
| Resource | What It Does |
|---|---|
| shadcn/ui | Copy-paste React components. Radix + Tailwind. Best in class |
| Aceternity UI | Stunning animated components with Framer Motion |
| MagicUI | Magical animations — sparkles, meteors, glows, beams |
| DaisyUI | Tailwind component classes. 50+ components, 35+ themes |
| Flowbite | 1000+ Tailwind components. React, Vue, HTML versions |
| Resource | What It Does |
|---|---|
| Lucide Icons | 5000+ beautiful, tree-shakeable icons |
| Tabler Icons | 5800+ MIT icons. Outline + filled |
| Heroicons | Tailwind's official icon set. 292 icons |
| Storyset | Free animated SVG illustrations |
| unDraw | Open-source SVG illustrations. Any color |
| Resource | What It Does |
|---|---|
| Framer Motion | Production-grade React animation library |
| GSAP | Professional-grade animation (free on localhost) |
| AutoAnimate | One line — automatic smooth animations |
| LottieFiles | JSON animations from After Effects |
| Resource | What It Does |
|---|---|
| Three.js | 3D scenes in the browser |
| React Three Fiber | Three.js as React components |
| tsParticles | Particle effects — confetti, snow, stars |
| Recharts | Composable React charts. Fully free |
bash <(curl -sL https://design-forge-beta.vercel.app/cli/setup.sh)This will:
- Create a Next.js project (if none exists)
- Install framer-motion, lucide-react, clsx, tailwind-merge
- Initialize shadcn/ui with essential components
- Install MagicUI, Recharts, Tabler Icons
# Core
npm install framer-motion lucide-react clsx tailwind-merge
# shadcn/ui
npx shadcn@latest init
npx shadcn@latest add button card input badge dialog dropdown-menu
# Extras
npm install magicui recharts @tabler/icons-reactdesign-forge/
├── src/
│ ├── app/ # Next.js app router pages
│ ├── components/ # React components (Header, Hero, Cards, etc.)
│ ├── data/ # Resource definitions & metadata
│ └── lib/ # Utility functions (cn helper)
├── cli/
│ └── setup.sh # One-command bootstrap script
└── public/ # Static assets
DesignForge is a curation directory — it does not host, redistribute, or modify any of the listed tools. Every resource belongs to its respective creator and is used under its open-source license (MIT, Apache 2.0, CC0, or similar).
Please support these amazing projects:
- ⭐ Star their repos
- 🐛 Report bugs to them
- 💖 Consider sponsoring if you can
This curation project is MIT licensed. The individual tools listed retain their own licenses.