Tell Your AI Agent What to Build
We Install Only What You Need.
A single NPM command. Your AI agent describes the output — DesignForge picks the exact packages, nothing more. No bloat, no conflicts, no unused dependencies.
Change your mind? We clean up the old packages too.
Frontend Setup Is Still Too Hard
You shouldn\'t need to hand-pick packages, read compatibility docs, and clean up abandoned dependencies just to build a UI. Your AI agent should handle all of that.
Too Much Bloat
Installed a massive UI library for one button? A full animation suite for one fade-in? Most projects carry 80% unused dependencies. Wasted space, slower builds.
Dependency Hell
Found the perfect component library? Hope it doesn't conflict with the other three you already installed. npm audit becomes your daily ritual.
Wasted Time Curating
Hunting for the right packages, checking compatibility, reading docs, managing versions. Every project starts with hours of setup before a single line of UI code.
Three Steps from Idea to UI
Your AI agent handles the discovery. DesignForge handles the installation. You just tell it what to build.
Tell Your AI Agent What You Need
"Build me a premium landing page." That's it. Your AI agent analyzes your requirement and determines the exact packages needed — nothing more, nothing less.
Learn moreDesignForge Picks the Packages
Our CLI scans the requirement and installs only what's needed. shadcn/ui for components? Framer Motion for animations? Geist for fonts? Done. The rest stays out.
Instant, Clean Frontend
A fully working frontend built from free, open-source packages. Change your mind? Run cleanup — old packages and code are removed. Your space stays pristine.
Learn moreChoose What Your AI Agent Uses
Curated packages across every discipline. Your AI agent picks the right ones and builds your frontend. No subscriptions, no bloat, no limits.
14 Categories, Endless Possibilities
From UI components to prototyping tools — every category is packed with hand-picked free resources.
The Package Catalog
Every package hand-curated. Your AI agent browses and picks only what\'s needed for your build.
UI Components
Copy-paste & component libraries for React, Vue, Tailwind, and more
Stunning animated React components with Framer Motion. Premium landing pages.
Headless UI library for React, Vue, Solid. Accessible, unstyled primitives.
Simple, modular React components. Great accessibility out of the box.
100+ React components with hooks. Dark mode, notifications, dates, and more.
CSS custom properties for design tokens. Animations, colors, spacing, borders.
Headless, accessible React UI primitives. The foundation of shadcn/ui.
Copy-paste React components built with Radix UI + Tailwind. Best in class.
Beautiful, open-source Tailwind CSS components for your next project. Copy-paste, free as the sky.
Accessible React UI components. Formerly Reakit. Great for custom design systems.
CSS framework based on Material Design. Components, animations, and more.
Icons & Illustrations
Beautiful free icons, illustrations, and SVG resources
Tailwind CSS official icon set. 292 icons in outline/solid. By Tailwind Labs.
Free, flexible icon family with 6 weights. React, Vue, and SVG.
5800+ MIT-licensed icons. Outline + filled styles for React, Vue, and SVG.
Free, open-source SVG icons library. 3000+ icons with consistent 24px grid.
Fonts & Typography
Free fonts, typefaces, and typography tools for any project
Self-host open-source fonts as npm packages. No Google Fonts dependency.
Colors & Palettes
Color systems, palette generators, and contrast tools
Accessible color system with dark/light modes. 9-step scales for each color.
Animation & Motion
Animation libraries for smooth, engaging user experiences
Scroll-triggered animations. Add animations to elements as they scroll into view.
Production-grade React animation library. Gestures, spring physics, layout animations.
Professional-grade animation library. ScrollTrigger, timeline, morphing. Free on localhost.
One line of code — automatic smooth animations for any UI. Zero configuration.
The gold standard for web animation. Scroll, stagger, morph, timeline control.
Transitions & Effects
CSS transitions, hover effects, and micro-interactions
3D, Canvas & Special FX
3D rendering, particle effects, and interactive graphics
Powerful 3D engine for the web. Game-ready, AR/VR, and interactive scenes.
The most popular 3D JavaScript library. 3D scenes, models, immersive experiences.
Three.js as declarative React components. Build 3D scenes with React patterns.
Charts & Data Viz
Chart libraries and data visualization tools
Composable React chart library. All chart types. Declarative, customizable, free.
Simple, modern chart library for GitHub-inspired data visualizations.
Images & Media
Free stock photos, SVGs, and media resources
Gradients & Patterns
Gradient generators, pattern libraries, and textures
Forms & Validation
Form libraries, validation, and input masking tools
Performant React forms with easy validation. Uncontrolled, reduces re-renders.
Layout & Grid
CSS frameworks, grid systems, and layout generators
The most popular CSS framework. Grid, components, responsive, utility classes.
Utility-first CSS framework. Fastest way to build custom layouts and designs.
Design Inspiration
Curated galleries, references, and design showcases
Prototyping & Preview
Tools for prototyping, previewing, and testing designs
One Command to Start
Install everything you need with a single npx command. No config chasing, no dependency hell.
design-forge-cli
v1.0.0 · Published on npm
Install CLI Tool
npx design-forge-cli initInteractive setup for your project
Quick Resource Install
npx design-forge-cli add shadcn-ui lucide framer-motionInstall multiple resources at once
Apply Template
npx design-forge-cli template landing-pageScaffold a pre-built template
Search Resources
npx design-forge-cli search buttonsFind resources from the terminal
Powered by Open Source
DesignForge is built entirely on free and open-source tools. Each one made this possible — please support them.
Next.js
React framework
Framer Motion
Animation library
Tailwind CSS
Utility-first CSS
shadcn/ui
UI components
Geist Font
Typography
Lucide
Icons
Simple Icons
Brand icons
Radix UI
Headless primitives
Legal Notice: DesignForge does not host, distribute, or modify any of the listed tools. All trademarks, logos, and brand names belong to their respective owners. Each resource is used under its respective open-source license. If you are a creator of a listed resource and wish to have it removed, please open an issue on our GitHub repository.