Browse All Packages
Every package DesignForge knows about — UI components, icons, animations, fonts, colors, and more. All free, all installable via your AI agent.
Copy-paste React components built with Radix UI + Tailwind. Best in class.
Stunning animated React components with Framer Motion. Premium landing pages.
Magical animations — sparkles, meteors, glows, beams. Drop-in React components.
Tailwind CSS component classes. 50+ components, 35+ themes.
1000+ Tailwind components for HTML, React, Vue, and Figma.
Headless, accessible React UI primitives. The foundation of shadcn/ui.
Headless UI library for React, Vue, Solid. Accessible, unstyled primitives.
Accessible React UI components. Formerly Reakit. Great for custom design systems.
Adobe's headless React hooks for building accessible UI components.
100+ React components with hooks. Dark mode, notifications, dates, and more.
Simple, modular React components. Great accessibility out of the box.
Beautiful, headless UI components built with Ark UI + Panda CSS.
Open-source React components by Dub.co. Clean, modern, copy-paste.
Beautiful React components built with Tailwind CSS and Framer Motion.
Free Bootstrap themes. 20+ themes for any Bootstrap project.
CSS framework based on Material Design. Components, animations, and more.
Minimal CSS framework. Semantic HTML, zero classes, beautiful defaults.
CSS custom properties for design tokens. Animations, colors, spacing, borders.
Beautiful, open-source Tailwind CSS components for your next project. Copy-paste, free as the sky.
5000+ beautiful, tree-shakeable icons for React, Vue, Svelte, and SVG.
5800+ MIT-licensed icons. Outline + filled styles for React, Vue, and SVG.
Tailwind CSS official icon set. 292 icons in outline/solid. By Tailwind Labs.
Free, flexible icon family with 6 weights. React, Vue, and SVG.
2800+ open-source neutral-style icons. System icons for every use case.
Simply beautiful open-source icons. 280+ icons, minimal and clean.
Free animated SVG illustrations with customizable colors and scenes.
Open-source SVG illustrations with any color. Free forever, no attribution.
Free icons, illustrations, photos, and music. Huge library with style consistency.
Free, open-source SVG icons library. 3000+ icons with consistent 24px grid.
Thousands of free, open-source fonts. The largest free font library on the web.
Self-host open-source fonts as npm packages. No Google Fonts dependency.
Quality free fonts by Indian Type Foundry. Professional-grade typefaces.
Free fonts by independent designers. Handwritten, display, script, and more.
Archive of free downloadable fonts. Categorized by style and popularity.
Free fonts shared by designers on Behance. Unique and creative typefaces.
Huge collection of free fonts for personal and commercial use.
Visual type scale calculator. Generate sizes, preview, and get CSS code.
AI-powered font pairing generator. Get perfect font combinations instantly.
Beautiful, balanced color palette included with Tailwind CSS.
Accessible color system with dark/light modes. 9-step scales for each color.
Open-source color scheme. 13 colors with 10-step scales. Great for UI.
Curated color palettes by designers. Trending combinations updated daily.
Fast color palette generator. Generate, save, and export color schemes.
Adobe's color wheel and palette generator. Extract themes from images.
Deep learning color generator. Accessible color systems for UI.
AI color palette generator for branding, UI, and illustration.
Visualize color palettes on a real website. See colors in context.
Check WCAG contrast ratios between text and background colors.
Generate color palettes from any color using harmonic rules.
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.
JSON animations from After Effects. Massive free animation library.
CSS animation library with ready-to-use animations. Choose, copy, and play.
Lightweight JavaScript animation library. Works with CSS, SVG, DOM attributes.
The gold standard for web animation. Scroll, stagger, morph, timeline control.
Spring-physics based React animation library. Natural, fluid motion.
Lightweight animation library built on Web Animations API. Fast and small.
Scroll-triggered animations. Add animations to elements as they scroll into view.
Ready-to-use CSS animations. Bounce, fade, slide, zoom — 100+ effects.
CSS hover effects for buttons, links, and elements. 2D transitions, shadows, icons.
Pure CSS shake animations. 100+ shake classes for attention-grabbing effects.
Visual easing curve reference. CSS/JS easing functions with live preview.
Drop-in CSS transitions library. Smooth state changes with minimal code.
CSS3 animation library with special effects. Bling, magic, and perspective.
Interactive CSS filter generator. Adjust brightness, contrast, blur and more.
Neumorphic design generator. Soft UI shadows and effects.
The most popular 3D JavaScript library. 3D scenes, models, immersive experiences.
Three.js as declarative React components. Build 3D scenes with React patterns.
Particle effects — confetti, snow, stars, connections. Lightweight, customizable.
Creative coding library for artists and designers. Canvas drawing, generative art.
Vector graphics scripting framework. Clean canvas drawing API.
Powerful 3D engine for the web. Game-ready, AR/VR, and interactive scenes.
Composable React chart library. All chart types. Declarative, customizable, free.
Simple yet flexible JavaScript charting. 8 chart types, animated, responsive.
Data visualization library. Full control over SVG output. Most powerful option.
Modern interactive chart library. 20+ chart types. Free and open-source.
Powerful charting library from Apache. 30+ chart types, large datasets.
Rich React chart library built on D3. 30+ components, responsive, animations.
Visualization components by Airbnb. Expressive, low-level D3 + React integration.
Simple, modern chart library for GitHub-inspired data visualizations.
Beautiful free stock photos. High-resolution, no copyright, massive library.
Free stock photos, videos, and music. Curated library with easy search.
Over 2 million free images, videos, and music. CC0 license, no attribution.
Mix-and-match illustrations of people. Customize body parts, outfits, poses.
Free customizable illustrations. Create unique illustration sets for any project.
Free illustrations, icons, and 3D assets. Curated free collection.
Free SVG vectors and icons. Huge collection, searchable, downloadable.
Gradient generator with live preview. Linear, radial, conic gradients.
Curated gradient color combinations for UI design. Copy and use instantly.
Trending gradient palettes. Thousands of beautiful gradient combinations.
Free mesh gradient collection. Soft, organic gradient blends for backgrounds.
Free SVG pattern generator. Create unique patterns for backgrounds and surfaces.
Free repeatable SVG background patterns. Easy to customize colors and scales.
CSS glassmorphism effect generator. Adjust blur, opacity, and background.
CSS claymorphism effect generator. Soft, clay-like 3D shapes.
Free customizable SVG background patterns. Easy to embed and style.
Performant React forms with easy validation. Uncontrolled, reduces re-renders.
Build forms in React without tears. Handles validation, submission, and more.
TypeScript-first schema validation. Perfect for form validation with React.
Input masking library. Phone numbers, dates, currency, and custom masks.
Format your input content. Credit cards, phone numbers, dates, and more.
Free form backend. Submit forms without a server. 50 submissions/month free.
Utility-first CSS framework. Fastest way to build custom layouts and designs.
The most popular CSS framework. Grid, components, responsive, utility classes.
Generate CSS grid and flexbox layouts visually. Copy the code instantly.
Learn CSS Grid through an interactive game. Great for mastering grid layouts.
Learn CSS Flexbox through an interactive game. Master flex layouts.
Bootstrap grid generator. Drag and drop to create responsive layouts.
Design inspiration gallery. Millions of shots from top designers worldwide.
Website awards and inspiration. Best-designed websites from around the world.
Web design inspiration gallery. Filter by type, style, and industry.
One-page website inspiration. Beautiful single-page designs for reference.
Daily UI inspiration archive. UI patterns organized by component type.
Curated design inspiration for landing pages, dashboards, and components.
Mobile app design patterns. Thousands of screens from top apps (free tier).
Landing page inspiration. 7000+ landing page screenshots for reference.
Best landing page designs. Inspiration for conversion-optimized pages.
Curated design inspiration hubs — motion, UI, and interaction design references.
AI-powered design inspiration and reference platform for modern interfaces.
Design reference app showcasing the best motion and interaction designs.
Curated gallery of the best motion design websites and animated interfaces.
Micro-interaction and motion design inspiration with downloadable prototypes.
Free collaborative design tool. Prototyping, design systems, and handoff.
Open-source design and prototyping platform. Figma alternative. Free forever.
Test responsive layouts across multiple devices. Free browser tool.
Test websites on various device screens. Mobile, tablet, desktop, and TV.
Browser extension for design tools. CSS inspector, color picker, responsive test.