Resources

Mobbin - UI & UX design inspiration

A go-to library for real-world UI patterns and UX flows from popular apps.

A new visual editor: design directly in your codebase

Fontshare

Quality fonts. Free. A collection of professional-grade fonts free for personal and commercial use.

Google Fonts

Browse and download fonts for web and product design.

3dicons

1,440+ open-source 3D icons. CC0 license, no attribution needed.

Absurd Design

Surrealist hand-drawn illustrations for distinctive projects

Aceternity UI

Stunning animated components using Framer Motion. The 'magic effects' library.

Animate.css

50+ ready-to-use CSS animations requiring zero JavaScript

Anime.js

Lightweight, powerful CSS/SVG/DOM animations with simple API

AOS

Animate on scroll library with simple data-attribute setup

Ant Design

Enterprise React UI library with 91.5k+ GitHub stars

Banani

Free Mobbin alternative with 1,000+ app screens. No registration required.

DaisyUI

Most popular Tailwind CSS component library. Reduces HTML by 70%.

Framer Motion

12M+ monthly npm downloads. Physics-based animations for React.

GSAP

Industry standard animation library, now completely FREE. Includes ScrollTrigger.

Headless UI

Completely unstyled UI components from Tailwind Labs with perfect Tailwind integration

Heroicons

450+ clean SVG icons from the Tailwind creators

Humaaans

Mix-and-match customizable people with diverse representation

Lordicon

39,600+ animated icons with hover, loop, and morph triggers

LottieFiles

800,000+ free/premium animations with creator tools

Lucide

1,500+ consistent open-source icons. Community-driven successor to Feather.

Magic UI

150+ free animated React components with 3D effects. Make AI-generated UIs feel crafted.

Radix UI

Unstyled, accessible UI primitives. Used by Linear, Vercel, and Supabase.

React Spring

Physics-based spring dynamics for natural-feeling motion

Shadcn Blocks

1,110+ blocks and components for shadcn/ui with CLI installation

shadcn/ui

Copy-paste React components built on Radix UI and Tailwind. The most popular component system for 2025.

Tabler Icons

5,900+ icons with consistent 2px strokes

unDraw

Customizable SVG illustrations. Change colors via hex code before download.

Velvetyne

Experimental open-source fonts. Free and distinctive.

Affinity

All-in-one creative suite with vector, raster, and publishing tools. One-time purchase Adobe Creative Cloud alternative for Mac, Windows, and iPad.

Accessibility Insights

Microsoft's free tool with FastPass automated checks and guided testing

Accessible Colors

Auto-suggests closest accessible alternative when colors fail WCAG

Adobe LLM Optimizer

Enterprise GEO tracking across ChatGPT, Gemini, Perplexity, Claude

Anima

Complete design to deploy pipeline with one-click deployment

Axe DevTools

Industry standard with 3 billion+ downloads. Catches 57% of issues, zero false positives.

Blush

Multiple artist collections through Figma/Sketch plugins

Bolt.new

Full-stack development in browser with zero configuration. Perfect for weekend hackathons.

Builder.io Visual Copilot

AI converts Figma to React, Vue, Svelte, Angular with Tailwind support

Colormind

AI generates palettes from movies, art, and games. Daily dataset changes.

Coolors

Generate color palettes instantly. Press spacebar to generate. 10M+ palettes created.

Cursor

AI-first code editor built on VS Code. Used by 7M+ developers.

Figma Contrast Checker

Built-in Figma tool with color blindness simulation

Fontjoy

AI-powered font pairing generator. Click to generate harmonious combinations instantly.

Framer

Designer-favorite with AI layout generation and fast load times

Fronty

Convert any image to HTML/CSS. Product Hunt #1 Product of the Day.

Huemint

See AI-generated colors applied to templates (logos, websites, graphics) before committing

Iconify

Aggregates 200,000+ icons from 100+ sets with unified API

Khroma

AI learns your color preferences to generate personalized palettes

Locofy.ai

Figma to production code. Supports React, Next.js, React Native with pixel-perfect accuracy.

Lovable

Most beginner-friendly AI app builder with natural language and Supabase integration

Replit Agent

AI builds entire apps from planning through deployment

Rive

Create interactive animations with state machines

Schema Markup Generator

Generate JSON-LD structured data for AI and search engines

Schemantra

Supports 1,400+ Schema.org types with knowledge graph tools

Stark

Figma plugin for contrast checking, vision simulation, and focus order testing

Storyset

Customizable AND animated illustrations in browser. Completely free.

Supabase

Open-source Firebase alternative with PostgreSQL. Powers Bolt, Lovable.

v0 by Vercel

Generate production-quality React components from text descriptions using shadcn/ui

WAVE

Visual accessibility evaluation with inline annotations. Excellent for learning.

WebAIM Contrast Checker

Industry standard for checking WCAG accessibility compliance

Webflow

Produces the cleanest code output. Semantic HTML/CSS that's production-grade.

Convex

Reactive backend platform with real-time sync, serverless functions, and a built-in database. Great for modern web apps.

Neon

Serverless Postgres with branching, autoscaling, and a generous free tier. Build faster with instant database provisioning.

Awwwards

Website awards and best web design trends. A curated showcase of cutting-edge web design and development.

Free Design Resources

A mix of free design resources across UI, graphics, mockups, and more.

Godly - Web design inspiration

A curated directory of high-quality website and app design references.

60fps

Micro-interactions and animation examples for polished interfaces

Color Hunt

Community of trending color palettes, Product Hunt style

Commerce Cream

Shopify store design inspiration

Fontpair

Hand-picked Google Font combinations curated by experts

Fonts In Use

Archive of fonts in real-world applications across media

Footer Design

Creative footer design examples

Minimal Gallery

Hand-picked minimalist design examples. Curated daily by a single designer for exceptional quality.

SaaS Landing Page

890+ SaaS landing pages showing fonts, colors, and tech stacks used

Supahero

Hero section inspiration and examples

Typewolf

Industry standard for typography inspiration, trends, and font identification

v-fonts

Browse and explore variable fonts

Your Website Works for Google. But Does It Work for AI?

A quick guide on why many business websites are effectively invisible to AI systems, and what to change so your site is readable by modern assistants.

Astro Docs

Astro static site generator documentation

Framer Motion Docs

Motion (formerly Framer Motion) animation library

GSAP Docs

GreenSock animation platform documentation

MDN Web Docs

Comprehensive web technology reference by Mozilla

Next.js Docs

Complete Next.js framework documentation

Radix UI Docs

Documentation for accessible UI primitives

React Docs

Official React documentation and learning resources

shadcn/ui Docs

Complete documentation for shadcn/ui component library

Supabase Docs

Supabase backend and database documentation

Tailwind CSS Docs

Official Tailwind CSS documentation and reference

TypeScript Docs

Official TypeScript language documentation

Vercel Docs

Vercel deployment and hosting documentation