Want to sharpen your design skills through real-world practice?

UI Coach gives you daily UI challenges, color palettes, and font pairings to help you create thoughtful, clean designs. A solid space to train your design instincts.

Stuck on a creative block or want to practice fast thinking?

Designercize throws you random UX design prompts to flex your problem-solving muscles. Great for warming up before real client work or interviews.

Want to get better at solving UX problems, not just designing screens?

UX Tools gives you realistic product challenges that simulate the work UX designers face daily. It’s perfect for practicing your research, ideation, and wireframing process.

Want to hear how top teams design at scale?

The Design Better Podcast interviews product and design leaders from companies like Google and Airbnb. Great for learning how design shapes culture and strategy.

Need fresh inspiration for your next landing page or portfolio?

Lapa Ninja curates beautiful, high-quality landing pages from around the web. Ideal for studying layout, flow, and visual hierarchy

Looking for layout ideas, animations, or typography details?

Call to Inspiration offers a wide range of real-site design inspiration, neatly categorized by element. It’s perfect for discovering small design touches that elevate your work.

Looking for layout ideas, animations, or typography details?

Call to Inspiration offers a wide range of real-site design inspiration, neatly categorized by element. It’s perfect for discovering small design touches that elevate your work

Struggling to design a good-looking, functional navigation bar?

Navbar Gallery showcases real-world navs from modern websites with all kinds of styles and structures. Super handy for UI pattern research.

Want to discover clever microinteractions and creative design details?

Design Spells collects delightful UI moments like easter eggs, animations, and transitions. It’s like a treasure chest of little UX surprises.

Need to test color palettes live and see how they feel in UI?

Realtime Colors lets you tweak colors and fonts in real-time with instant preview across components. Perfect for quick, visual feedback during design.

Need a professional logo without hiring a designer?

Looka helps you generate custom logos based on your brand style using AI. Fast, sleek, and surprisingly customizable for early-stage products.

Want to build a beautiful bento-style personal website?

Bento Grids provides real examples and inspiration for modular, grid-based designs. Great for portfolios, dashboards, and personal brands.

Curating your design portfolio but unsure how to present projects?

Foleo shows well-crafted portfolios with strong storytelling and visual layout. A must-see for designers looking to land interviews.

Trying to build or improve your team’s design system?

This guide walks through the principles, workflows, and components that make scalable systems work. Ideal for teams that want consistency across products.

Curious how to create smooth transitions in Android UIs?

Litho’s animation docs explain different transition types used in performant, declarative UI systems. Great for developers optimizing UX on Android.

Want a free, fast design tool that works offline?

Lunacy is a Figma-like design app with built-in assets, icons, and illustrations — perfect for Windows users. It’s lightweight, responsive, and ideal for quick mockups.

Designing dashboards and need components fast?

This community Figma file gives you clean, responsive dashboard templates to speed up your workflow. Great for admin panels, SaaS apps, or internal tools.

Want to design packaging and see it in 3D instantly?

Pacdora lets you create box, bag, and bottle designs with templates and live previews. Ideal for product designers and brand developers.

Need high-quality illustrations you can customize on the fly?

Storyset gives you editable, animated vector illustrations with flexible styles and themes. A fantastic resource for adding life to websites and presentations.

Want to present your design flows with clarity and storytelling?

Overflow lets you turn static designs into interactive user flows with clean visual mapping. Great for sharing logic, decisions, and journeys with teams or clients.

Working on enterprise-grade UIs and want structure?

Carbon is IBM’s open-source design system with a full component library, code, and design guidelines. It’s great for teams who need consistency across complex platforms.

Looking to explore motion in digital storytelling and product design?

Motion by Zajno showcases smooth, expressive animations in UI and branding. Perfect for understanding how motion enhances user experience.

Searching for type combinations that actually look good?

Typewolf curates beautiful font pairings, trends, and usage examples across real websites. It’s the designer’s go-to for typography that works.

Want a Figma alternative that’s open source and team-friendly?

Penpot is a design and prototyping tool built for collaboration — browser-based and open to all. Ideal for teams that want control and freedom over their workflow.

Want to design, prototype, and collaborate — all in one place?

Figma is a powerful, browser-based design tool used by teams to create user interfaces, systems, and prototypes in real time. It’s fast, flexible, and built for modern product design.

Looking for color palettes inspired by anything — even “hello kitty”?

Palitra turns keywords into beautiful, ready-to-use color combinations. It’s a great tool for designers and developers who want fast, creative color inspiration.

Want to design interfaces that feel intuitive and human-centered?

Laws of UX explains key psychological principles that shape how users interact with design. It’s a must-read for anyone serious about creating better user experiences.

Running out of ideas for how to end your websites with style?

Footer Design showcases a curated collection of real-world website footers for design inspiration. Simple, useful, and perfect when you want to polish the bottom of your layout.

Need inspiration for designing your next SaaS product landing page?

SaaS Landing Page offers a rich gallery of high-converting designs from real companies. It’s perfect for studying layout, copy, and structure that actually works.

Trying to find beautiful, lightweight SVG icons fast?

Sixelf gives you access to simple, scalable icons that are easy to customize and use. Great for clean UI design without the bloat.

Want high-quality, modern typefaces that stand out?

Pangram Pangram offers premium fonts with free personal-use options and strong visual character. Ideal for elevating your designs with great typography.

Building with Tailwind and need ready-made components?

HyperUI gives you beautifully crafted, free Tailwind UI pieces to speed up your workflow and keep your designs consistent.

Looking for a full-featured Tailwind CSS UI kit?

Preline offers responsive components, templates, and layouts — perfect for building polished interfaces faster.

Want a Tailwind-based component library with smooth motion?

FarmUI delivers sleek, interactive components with thoughtful microinteractions — great for expressive, modern UIs.

Need Tailwind UI components and templates that just work?

Tailark provides a growing set of responsive building blocks — ideal for product dashboards, websites, and SaaS apps.

Searching for dynamic, animated components for your UI?

DynaUI blends clean design with smooth transitions, giving your interfaces a modern, delightful feel.

Looking for stylish Tailwind components with utility-first power?

Kibo UI offers flexible, accessible components with simple customization — great for fast prototyping and production apps.

Want animated Tailwind components that feel alive?

Magic UI brings in motion-ready UI pieces built with Framer Motion — perfect for apps that need energy and flair.

Need a playful, accessible component set?

Jolly UI mixes personality with utility, offering colorful Tailwind components that make your interfaces feel friendly and inviting.

Looking for developer-friendly components with clean design?

Prism UI serves up a functional, minimal set of Tailwind components that help you build fast and scale with ease.

Want a versatile Tailwind-based UI kit that feels refined?

Mixcn UI combines simplicity and polish — perfect for modern projects that need smooth layouts and consistency.

Need a high-quality UI kit for dashboards and apps?

Gravity UI offers modern, responsive components focused on usability and aesthetic — ideal for product teams.

Looking for stylish, lightweight components for Tailwind?

Eldora UI gives you a curated set of UI parts with soft visuals and smooth interactions — great for landing pages and product sites.

Building with Vue and want a complete UI library?

Naive UI gives you fully themeable, customizable Vue 3 components — fast to use, elegant to ship.

Want a mature React UI suite with rich components?

PrimeReact offers everything from data tables to calendars — ideal for enterprise-grade dashboards and apps

Need fully accessible, headless components in React or Vue?

Ark UI gives you composable building blocks that work seamlessly with styling systems like Tailwind or CSS-in-JS.

Using SolidJS and need ready components?

Solid UI delivers fast, lightweight pieces designed for Solid's reactivity — great for building performant apps.

Looking for accessible primitives for SolidJS?

Kobalte brings headless UI components that give you full control over styling, interaction, and structure.

Want to build universal apps with a single design system?

Want to build universal apps with a single design system?

Building for mobile and web using design tokens?

Gluestack is a styled-components-based UI system that helps you stay consistent and responsive across platforms.

Need a framework to build full-featured CRUD apps fast?

Refine streamlines data-heavy apps with built-in auth, routing, and APIs — ideal for dashboards and admin panels.

Looking for UI inspiration and component patterns?

Salad Storybook is a collection of beautifully designed components — a great reference for modern, aesthetic design systems.

Working with Svelte and need stylish loading animations?

This collection gives you lightweight, customizable spinners — great for adding visual feedback without heavy dependencies.

Want modern, creative loaders for your site?

Awesome Loaders offers a growing collection of animated loaders built with HTML, CSS, and SVG — ideal for keeping users engaged.

Looking to add depth to your loading experience?

CSS Loaders 3D features rotating cubes, bouncing balls, and other pure CSS animations — perfect for playful, engaging interfaces.

Need a fast-loading image placeholder?

BlurHash creates a compact, blurred preview of your images — a slick technique to improve perceived loading speed.

Want to animate your SVGs without touching a timeline?

SVGL lets you create SVG animations visually — export them in clean code, ready for production use.

Looking for hand-drawn illustration packs that feel friendly?

Open Peeps provides modular, customizable characters — great for onboarding screens, avatars, or fun product visuals.

Want to annotate your UI with hand-drawn flair?

Rough Notation lets you add animated highlights and underlines in a sketchy style — ideal for walkthroughs or product tours.

Need visual references for real-world UI components?

Component Gallery showcases how top products design buttons, cards, inputs, and more — a solid resource for UI inspiration.

Working in Figma and want ready-to-use components?

Figcomponents gives you searchable, community-made Figma assets — a fast way to explore patterns and speed up your design process.

Love bold colors, big borders, and chunky design?

Neo Brutalism is a gallery of sites using this aesthetic — great for discovering edgy, standout web design inspiration.

Want to explore 3D and shader-powered visuals on the web?

UV Canvas gives you interactive experiments and generative designs — perfect for learning GLSL or just getting visual ideas.

Need handy frontend tools without leaving your browser?

Omatsuri is a bundle of micro-tools — from CSS generators to SVG compressors — all in a clean, developer-focused UI.

Want to animate text changes in your React app?

This simple library adds smooth transitions between text states — great for dynamic headlines, counters, or rotating quotes.

Looking for a massive collection of clean, modern icons?

Icons8 offers thousands of customizable icons in multiple styles, perfect for web, mobile, and product design.

Need icons, illustrations, and 3D assets — all in one place?

Iconscout gives you a wide variety of design assets with flexible formats, ideal for fast, consistent visuals.

Want a free, consistent icon set built for modern UI?

Remix Icon offers a sleek collection of open-source icons with a focus on clarity and minimalism — perfect for interfaces.

Looking for pixel-perfect SVG icons with personality?

Atlas Icons is an open-source set designed for sharpness, flexibility, and easy use across modern UIs.

Searching for visual metaphors for almost anything?

The Noun Project hosts millions of icons contributed by designers worldwide — ideal for storytelling and accessibility.

Want a clean icon set that feels calm and thoughtful?

Humbleicons provides simple, outline-style icons made for clarity in modern design systems. Lightweight and elegant.

Need the most complete icon system out there?

Streamline gives you massive, detailed icon packs in multiple weights and styles — great for teams building full-scale products.

Want a playful, free icon set with consistent geometry?

Pqoqub Icons delivers quirky, charming icons perfect for creative web and app projects — simple, fun, and developer-friendly.

Need to convert images, videos, or documents quickly online?

FreeConvert supports a wide range of formats with no installation needed — perfect for quick, on-the-fly file conversions.

Want to design and animate in one tool, then ship straight to your app?

Rive lets you create real-time animations with interactivity baked in-perfect for adding life to interfaces, games, or onboarding flows.

Looking to build lightweight 3D visuals in React?

Cobe is a tiny WebGL renderer built on React and Three.js-great for smooth, performant globe animations and interactive canvases.

Need inspiration for clever, expressive UI motion?

Web Interactions Gallery curates stunning microinteractions and scroll-based animations-a goldmine for modern motion design ideas.

Want to create smooth animations using just utility classes?

Motion.dev brings motion design into your HTML workflow with simple, tailwind-like syntax-great for developers who love clean, declarative tools.

Looking for animation components that feel native to your design system?

Motion Primitives offers composable animation building blocks for React-ideal for creating meaningful motion without over-engineering.