Credits
All Resources & Tools
Every free tool and resource aggregated in DesignForge. All belong to their respective creators.
Aceternity UI
Stunning animated React components with Framer Motion. Premium landing pages.
Ark UI
Headless UI library for React, Vue, Solid. Accessible, unstyled primitives.
Chakra UI
Simple, modular React components. Great accessibility out of the box.
DaisyUI
Tailwind CSS component classes. 50+ components, 35+ themes.
Flowbite
1000+ Tailwind components for HTML, React, Vue, and Figma.
MagicUI
Magical animations — sparkles, meteors, glows, beams. Drop-in React components.
Mantine
100+ React components with hooks. Dark mode, notifications, dates, and more.
Open Props
CSS custom properties for design tokens. Animations, colors, spacing, borders.
Park UI
Beautiful, headless UI components built with Ark UI + Panda CSS.
Pico CSS
Minimal CSS framework. Semantic HTML, zero classes, beautiful defaults.
Radix UI
Headless, accessible React UI primitives. The foundation of shadcn/ui.
shadcn/ui
Copy-paste React components built with Radix UI + Tailwind. Best in class.
Sky UI
Beautiful, open-source Tailwind CSS components for your next project. Copy-paste, free as the sky.
Ariakit
Accessible React UI components. Formerly Reakit. Great for custom design systems.
Bootswatch
Free Bootstrap themes. 20+ themes for any Bootstrap project.
Dub UI
Open-source React components by Dub.co. Clean, modern, copy-paste.
Materialize CSS
CSS framework based on Material Design. Components, animations, and more.
Origin UI
Beautiful React components built with Tailwind CSS and Framer Motion.
React Aria
Adobe's headless React hooks for building accessible UI components.
Feather Icons
Simply beautiful open-source icons. 280+ icons, minimal and clean.
Heroicons
Tailwind CSS official icon set. 292 icons in outline/solid. By Tailwind Labs.
Phosphor Icons
Free, flexible icon family with 6 weights. React, Vue, and SVG.
Remix Icon
2800+ open-source neutral-style icons. System icons for every use case.
Storyset
Free animated SVG illustrations with customizable colors and scenes.
Tabler Icons
5800+ MIT-licensed icons. Outline + filled styles for React, Vue, and SVG.
unDraw
Open-source SVG illustrations with any color. Free forever, no attribution.
Huge Icons
Free, open-source SVG icons library. 3000+ icons with consistent 24px grid.
Icons8
Free icons, illustrations, photos, and music. Huge library with style consistency.
Lucide Icons
5000+ beautiful, tree-shakeable icons for React, Vue, Svelte, and SVG.
DaFont
Archive of free downloadable fonts. Categorized by style and popularity.
FontJoy
AI-powered font pairing generator. Get perfect font combinations instantly.
Fontshare
Quality free fonts by Indian Type Foundry. Professional-grade typefaces.
Fontsource
Self-host open-source fonts as npm packages. No Google Fonts dependency.
Google Fonts
Thousands of free, open-source fonts. The largest free font library on the web.
Type Scale
Visual type scale calculator. Generate sizes, preview, and get CSS code.
1001 Free Fonts
Huge collection of free fonts for personal and commercial use.
Fonts by Behance
Free fonts shared by designers on Behance. Unique and creative typefaces.
FontSpace
Free fonts by independent designers. Handwritten, display, script, and more.
Adobe Color
Adobe's color wheel and palette generator. Extract themes from images.
Color Hunt
Curated color palettes by designers. Trending combinations updated daily.
Coolors
Fast color palette generator. Generate, save, and export color schemes.
Eva Design Colors
Deep learning color generator. Accessible color systems for UI.
Realtime Colors
Visualize color palettes on a real website. See colors in context.
Contrast Ratio
Check WCAG contrast ratios between text and background colors.
Huemint
AI color palette generator for branding, UI, and illustration.
MyColor.space
Generate color palettes from any color using harmonic rules.
Open Color
Open-source color scheme. 13 colors with 10-step scales. Great for UI.
Radix Colors
Accessible color system with dark/light modes. 9-step scales for each color.
Tailwind CSS Colors
Beautiful, balanced color palette included with Tailwind CSS.
Anime.js
Lightweight JavaScript animation library. Works with CSS, SVG, DOM attributes.
AOS (Animate on Scroll)
Scroll-triggered animations. Add animations to elements as they scroll into view.
Framer Motion
Production-grade React animation library. Gestures, spring physics, layout animations.
GSAP
Professional-grade animation library. ScrollTrigger, timeline, morphing. Free on localhost.
Animista
CSS animation library with ready-to-use animations. Choose, copy, and play.
AutoAnimate
One line of code — automatic smooth animations for any UI. Zero configuration.
GreenSock (GSAP)
The gold standard for web animation. Scroll, stagger, morph, timeline control.
LottieFiles
JSON animations from After Effects. Massive free animation library.
Motion One
Lightweight animation library built on Web Animations API. Fast and small.
React Spring
Spring-physics based React animation library. Natural, fluid motion.
Animate.css
Ready-to-use CSS animations. Bounce, fade, slide, zoom — 100+ effects.
Transition.css
Drop-in CSS transitions library. Smooth state changes with minimal code.
CSS Filter Generator
Interactive CSS filter generator. Adjust brightness, contrast, blur and more.
CSShake
Pure CSS shake animations. 100+ shake classes for attention-grabbing effects.
Easings.net
Visual easing curve reference. CSS/JS easing functions with live preview.
Hover.css
CSS hover effects for buttons, links, and elements. 2D transitions, shadows, icons.
Magic Effects
CSS3 animation library with special effects. Bling, magic, and perspective.
Neomorphism.io
Neumorphic design generator. Soft UI shadows and effects.
Babylon.js
Powerful 3D engine for the web. Game-ready, AR/VR, and interactive scenes.
p5.js
Creative coding library for artists and designers. Canvas drawing, generative art.
Three.js
The most popular 3D JavaScript library. 3D scenes, models, immersive experiences.
Paper.js
Vector graphics scripting framework. Clean canvas drawing API.
React Three Fiber
Three.js as declarative React components. Build 3D scenes with React patterns.
tsParticles
Particle effects — confetti, snow, stars, connections. Lightweight, customizable.
Apache ECharts
Powerful charting library from Apache. 30+ chart types, large datasets.
ApexCharts
Modern interactive chart library. 20+ chart types. Free and open-source.
Chart.js
Simple yet flexible JavaScript charting. 8 chart types, animated, responsive.
D3.js
Data visualization library. Full control over SVG output. Most powerful option.
Nivo
Rich React chart library built on D3. 30+ components, responsive, animations.
Recharts
Composable React chart library. All chart types. Declarative, customizable, free.
Frappe Charts
Simple, modern chart library for GitHub-inspired data visualizations.
Visx
Visualization components by Airbnb. Expressive, low-level D3 + React integration.
Humaaans
Mix-and-match illustrations of people. Customize body parts, outfits, poses.
Pexels
Free stock photos, videos, and music. Curated library with easy search.
Pixabay
Over 2 million free images, videos, and music. CC0 license, no attribution.
Unsplash
Beautiful free stock photos. High-resolution, no copyright, massive library.
Blush
Free customizable illustrations. Create unique illustration sets for any project.
Iconscout Freebies
Free illustrations, icons, and 3D assets. Curated free collection.
SVG Repo
Free SVG vectors and icons. Huge collection, searchable, downloadable.
Gradient Hunt
Trending gradient palettes. Thousands of beautiful gradient combinations.
Mesh Gradients
Free mesh gradient collection. Soft, organic gradient blends for backgrounds.
Claymorphism Generator
CSS claymorphism effect generator. Soft, clay-like 3D shapes.
CSS Gradient
Gradient generator with live preview. Linear, radial, conic gradients.
Glassmorphism Generator
CSS glassmorphism effect generator. Adjust blur, opacity, and background.
Hero Patterns
Free repeatable SVG background patterns. Easy to customize colors and scales.
Pattern Pad
Free SVG pattern generator. Create unique patterns for backgrounds and surfaces.
SVG Backgrounds
Free customizable SVG background patterns. Easy to embed and style.
UI Gradients
Curated gradient color combinations for UI design. Copy and use instantly.
Cleave.js
Format your input content. Credit cards, phone numbers, dates, and more.
Formik
Build forms in React without tears. Handles validation, submission, and more.
React Hook Form
Performant React forms with easy validation. Uncontrolled, reduces re-renders.
Zod
TypeScript-first schema validation. Perfect for form validation with React.
Formspree
Free form backend. Submit forms without a server. 50 submissions/month free.
Inputmask
Input masking library. Phone numbers, dates, currency, and custom masks.
Bootstrap
The most popular CSS framework. Grid, components, responsive, utility classes.
CSS Grid Garden
Learn CSS Grid through an interactive game. Great for mastering grid layouts.
Flexbox Froggy
Learn CSS Flexbox through an interactive game. Master flex layouts.
Tailwind CSS
Utility-first CSS framework. Fastest way to build custom layouts and designs.
CSS Layout Generator
Generate CSS grid and flexbox layouts visually. Copy the code instantly.
LayoutIt!
Bootstrap grid generator. Drag and drop to create responsive layouts.
Awwwards
Website awards and inspiration. Best-designed websites from around the world.
Collect UI
Daily UI inspiration archive. UI patterns organized by component type.
DesignMD AI
AI-powered design inspiration and reference platform for modern interfaces.
DesignMD App
Design reference app showcasing the best motion and interaction designs.
Dribbble
Design inspiration gallery. Millions of shots from top designers worldwide.
Get Design MD
Curated design inspiration hubs — motion, UI, and interaction design references.
Mobbin
Mobile app design patterns. Thousands of screens from top apps (free tier).
Refero
Curated design inspiration for landing pages, dashboards, and components.
UI Sources
Micro-interaction and motion design inspiration with downloadable prototypes.
Landing Folio
Best landing page designs. Inspiration for conversion-optimized pages.
Lapa Ninja
Landing page inspiration. 7000+ landing page screenshots for reference.
Motion Sites
Curated gallery of the best motion design websites and animated interfaces.
One Page Love
One-page website inspiration. Beautiful single-page designs for reference.
Site Inspire
Web design inspiration gallery. Filter by type, style, and industry.
Figma
Free collaborative design tool. Prototyping, design systems, and handoff.
Hoverify
Browser extension for design tools. CSS inspector, color picker, responsive test.
Penpot
Open-source design and prototyping platform. Figma alternative. Free forever.
Responsive Design Checker
Test responsive layouts across multiple devices. Free browser tool.
Screenfly
Test websites on various device screens. Mobile, tablet, desktop, and TV.