Design Directory

Curated design resources, tools, and inspiration for designers and developers.

Community

  • Discord: Discord is a communication platform originally designed for gaming communities that has evolved into a versatile space for professional communities,…
  • Slack: Slack is an enterprise messaging platform that connects teams to the information and tools they need to work efficiently, organizing communication into…
  • Toptal: Toptal is an exclusive network connecting companies with the top 3% of freelance software developers, designers, finance experts, and project managers who…
  • Upwork: Upwork is a global freelance marketplace connecting businesses with independent professionals across categories including design, development, writing,…
  • Product Hunt: Product Hunt is a platform where makers launch new products and the tech community discovers and votes on the latest innovations in apps, websites, and…
  • Hacker News: Hacker News is a social news website focused on computer science and entrepreneurship, run by Y Combinator, featuring user-submitted links and discussions…
  • Indie Hackers: Indie Hackers is a community platform where founders of profitable online businesses share their revenue, stories, and strategies transparently to help…
  • CodePen: CodePen is a social development environment for front-end designers and developers, providing a browser-based code playground for building, testing, and…
  • Dev.to: Dev.to is an inclusive community platform for software developers to share knowledge, learn, and grow their careers through articles, discussions, and…

Inspiration

  • Dribbble: Dribbble is a digital community and marketplace designed for graphic designers and creative professionals to showcase portfolios, discover design…
  • Behance: Behance is Adobe's professional platform for creative professionals to showcase their work and discover talent across disciplines including graphic…
  • Awwwards: Awwwards is a prestigious global platform and community that recognizes exceptional web design through competitive awards while serving as a professional…
  • CSS Design Awards: CSS Design Awards is an international web design and development awards platform that recognizes and promotes the talent of designers, developers, and…
  • Mobbin: Mobbin is a comprehensive UI/UX research platform featuring a library of over 300,000 fully searchable mobile and web app screenshots from the world's…
  • Screenlane: Screenlane is a curated mobile UI design inspiration platform that delivers daily updates featuring the latest design patterns from the best-designed apps…
  • Godly: Godly is a curated gallery of the web's best design inspiration, featuring hand-picked examples of exceptional websites organized by category and style.…
  • Site Inspire: SiteInspire is a curated showcase of the best web design featuring thousands of websites organized by style, type, and subject. The platform maintains…
  • Land-book: Land-book is a curated collection of landing page designs, helping designers find inspiration specifically for conversion-focused pages. The platform…
  • Newhead Design: Newhead Design is a design agency portfolio showcasing work and providing inspiration for designers through featured projects and creative approaches. The…
  • Designspiration: Designspiration is a visual discovery platform with a deep archive of images across graphic design, typography, photography, and branding, supporting…
  • CPGD: CPGD is a directory of contemporary consumer packaged goods brands that showcases identity, packaging, and digital presence, giving a concentrated…
  • Fuse: Fuse.kiwi is a curated feed of "interesting internet," collecting links to unusual, experimental, or otherwise notable sites and projects that often…

Learning

  • Refactoring UI: Refactoring UI is a comprehensive design course and resource created by the makers of Tailwind CSS, teaching developers and designers how to create…
  • Design Systems Repo: Design Systems Repo is a curated collection of design system examples, articles, tools, and resources that serves as a comprehensive reference for teams…
  • Laws of UX: Laws of UX is an educational resource that presents key principles of user experience design through beautifully illustrated cards, each explaining a…
  • Checklist Design: Checklist Design is a comprehensive collection of best design practices organized as actionable checklists for common UI components and pages, helping…
  • UX Planet: UX Planet is a one-stop resource on Medium for everything related to user experience, publishing articles, tutorials, and case studies from practitioners…
  • CSS Tricks: CSS-Tricks is a long-running web development resource featuring articles, tutorials, and guides on CSS, HTML, JavaScript, and all aspects of front-end…
  • Smashing Magazine: Smashing Magazine is a premier publication for web designers and developers, offering in-depth articles on design, development, UX, accessibility, and…
  • Codrops: Codrops is a web design and development blog that publishes innovative tutorials, creative experiments, and forward-thinking articles about the latest web…
  • Good Design Tools: Good Design Tools is a curated directory of the best design tools, resources, and apps organized by category to help designers discover what they need for…
  • Open Alternative: Open Alternative is a directory of open-source alternatives to popular proprietary software, helping users find free replacements for paid tools. The…
  • Happy Editing: Happy Editing provides video editing resources, tutorials, and templates for learning professional editing techniques and workflows. Content covers…
  • 21st.dev: 21st.dev is a curated collection of modern development resources including tools, libraries, and best practices for contemporary software development. The…
  • Motion for React: Motion for React provides examples and demos of Framer Motion animations, offering interactive references for implementing React animations. The…

Templates

  • Unsplash: Unsplash is a free, community-driven platform offering access to millions of high-quality photographs contributed by photographers worldwide, designed to…
  • Pexels: Pexels is a free stock photo and video platform that provides high-quality visual content for creative projects, with a library of millions of assets…
  • Heroicons: Heroicons is a set of beautifully hand-crafted SVG icons created by the makers of Tailwind CSS, designed to integrate seamlessly with Tailwind-based…
  • Lucide Icons: Lucide Icons is an open-source, community-driven icon toolkit providing over 1,600 beautifully designed, pixel-perfect SVG icons built with strict design…
  • Phosphor Icons: Phosphor Icons is a flexible icon family featuring over 7,000 icons designed for interfaces, diagrams, presentations, and more, with each icon available…
  • UI8: UI8 is a curated marketplace for design resources offering premium UI kits, templates, icons, and fonts from professional designers worldwide. The…
  • Figma Community: Figma Community is an open platform within Figma where designers share templates, plugins, widgets, and design resources for free or for purchase. The…
  • Lottie Files: LottieFiles is a comprehensive platform for creating, managing, and implementing lightweight animations across web, mobile, and design applications,…
  • Flowkeeper: Flowkeeper is a curated collection of Webflow resources including templates, cloneables, and tutorials for designers building on the Webflow platform. The…
  • Shopify Themes: Shopify Theme Store is the official marketplace for Shopify store themes, offering both free and premium designs optimized for e-commerce. Themes are…
  • Framer Globe: Framer Globe is an interactive 3D globe component for Framer websites, enabling visualization of global data and geographic content. The component is…
  • Framer Library: Framer Library is a curated collection of Framer resources, components, and tutorials aggregated to help designers build better Framer websites. The…
  • Nav Supply: Nav Supply offers premium navigation components for Framer, providing beautifully animated menu and navigation patterns ready for use. Components include…
  • Framer Things: Framer Things is a marketplace for Framer templates and components, offering high-quality resources for building Framer websites. The platform curates…
  • Framer Fuel: Framer Fuel provides Framer templates and UI kits with modern designs for various website types from portfolios to SaaS marketing sites. Templates include…
  • Frameplate: Frameplate is a library of ready-to-use Framer templates covering various website types and industries with built-in responsiveness and animations.…
  • Untitled UI: Untitled UI is the largest Figma UI kit with over 10,000 components, variants, and styles for designing modern interfaces. The kit includes comprehensive…
  • Blank: Blank is a minimal design system for Figma providing clean, simple components for modern interfaces without visual noise. The system emphasizes whitespace…
  • Lumos: Lumos is a comprehensive Figma design system by Timothy Ricks featuring extensive components, variables, and documentation for building applications. The…
  • TextureLib: TextureLib is a free texture library providing high-quality textures for 3D, games, and design projects with various materials and surfaces. Textures are…
  • TextureLabs: TextureLabs offers free seamless textures and materials for 3D and design work, with textures designed to tile without visible seams. The library covers…
  • Kurt Mock-ups: Kurt Mock-ups provides premium device mockups for presenting designs in realistic device contexts with high-quality renders and various device options.…
  • Freepik: Freepik is a resource platform offering millions of free and premium vectors, photos, PSD files, and graphics for creative projects. The platform provides…
  • Pixabay: Pixabay is a free stock media platform providing photos, illustrations, vectors, and videos under a permissive license for personal and commercial use.…
  • Notion Templates: Notion Templates is the official gallery of templates for Notion, offering free options for productivity, project management, and personal organization.…
  • Notionland: Notionland is a curated marketplace for Notion templates offering premium and free options for various professional and personal uses. Templates are…
  • Ply: Ply is a mockup resource focused on high-quality, realistic device, print, and product scenes crafted for modern digital brands, with polished lighting…
  • Bendito Mockup: This section of Bendito Mockup offers device-focused mockups—phones, laptops, tablets—with stylized, often editorial visual treatments, bold lighting, and…

Tools

  • Figma: Figma is a cloud-based collaborative interface design platform that enables teams to create, prototype, and iterate on digital products in real-time from…
  • Framer: Framer is a professional no-code website builder designed specifically for designers to create production-ready websites without requiring coding…
  • Webflow: Webflow is a no-code visual website builder that empowers designers, marketers, and agencies to create fully customized, responsive websites without…
  • GitHub: GitHub is the world's leading collaborative platform for software development, serving as a centralized hub where developers, designers, and organizations…
  • VS Code: Visual Studio Code is Microsoft's free, open-source code editor that has become the industry standard for software development across virtually all…
  • Cursor: Cursor is an AI-powered code editor designed to accelerate software development through intelligent automation and multi-model AI integration, positioning…
  • Notion: Notion is an AI-powered workspace platform that consolidates knowledge management, collaboration, and task automation into a single unified environment,…
  • Linear: Linear is a modern product development platform designed for engineering and product teams to streamline how they plan, track, and execute work,…
  • Vercel: Vercel is a cloud platform that enables developers and teams to build, deploy, and scale modern web applications with a focus on developer experience and…
  • Tailwind CSS: Tailwind CSS is a utility-first CSS framework that accelerates modern web development by providing low-level utility classes composed directly in HTML…
  • Rive: Rive is a collaborative, web-based platform for creating interactive vector animations and real-time graphics that run natively across web, mobile, and…
  • Spline: Spline is a web-based collaborative platform that empowers designers to create and deploy interactive 3D and 2D experiences without extensive coding…
  • Three.js: Three.js is a JavaScript 3D graphics library that enables developers to create and display interactive 3D content directly in web browsers using WebGL,…
  • Blender: Blender is a free, open-source 3D creation suite that provides comprehensive tools for modeling, animation, rendering, and visual effects production at…
  • Supabase: Supabase is an open-source, PostgreSQL-based backend-as-a-service platform that accelerates application development by combining a full-featured database…
  • Stripe: Stripe is the leading financial infrastructure platform for the internet, powering online payments for millions of businesses from startups to Fortune 500…
  • Coolors: Coolors is a web-based color palette generator platform that serves creative professionals seeking efficient color harmony solutions, combining speed with…
  • Realtime Colors: Realtime Colors is a visualization tool that lets designers preview color palettes and typography choices on a realistic website mockup in real-time,…
  • Replit: Replit is a cloud-based collaborative development environment that enables coding, deployment, and hosting directly in the browser with AI assistance…
  • Canva: Canva is a visual design platform that enables anyone to create professional-quality graphics, presentations, documents, and videos through an intuitive…
  • Miro: Miro is an AI-powered visual collaboration platform that serves as a digital innovation workspace for distributed teams, combining an infinite canvas with…
  • Raycast: Raycast is a keyboard-first productivity launcher for macOS that consolidates fragmented workflows by providing instant command execution across…
  • Arc Browser: Arc Browser is a reimagined web browser designed for modern workflows, featuring innovative organizational tools, spaces for context separation, and a…
  • Storybook: Storybook is an open-source tool for building UI components and pages in isolation, enabling developers to develop, test, and document components without…
  • Radix UI: Radix UI is an open-source component library providing unstyled, accessible UI primitives that developers can style to match any design system while…
  • shadcn/ui: shadcn/ui is an open-source collection of accessible React components built on Radix UI primitives that you integrate directly into projects through…
  • Framer Motion: Motion (formerly Framer Motion) is a production-grade animation library for React and JavaScript that combines native browser performance with JavaScript…
  • GSAP: GSAP (GreenSock Animation Platform) is a professional-grade JavaScript animation library that enables developers to animate virtually any web element with…
  • Zed: Zed is a high-performance, multiplayer code editor built in Rust by the creators of Atom and Tree-sitter, designed for speed and real-time collaboration.…
  • Loom: Loom is an asynchronous video messaging platform that makes it easy to record and share video messages featuring your screen, camera, or both. The…
  • Excalidraw: Excalidraw is a free, open-source virtual whiteboard for sketching hand-drawn like diagrams with real-time collaboration support. The intentionally…
  • Cal.com: Cal.com is an open-source scheduling infrastructure platform that enables individuals and organizations to manage bookings and availability without the…
  • Plausible: Plausible is a privacy-friendly web analytics platform that provides essential insights without cookies, complex setup, or compromising visitor privacy.…
  • PostHog: PostHog is an all-in-one platform combining product analytics, session replay, feature flags, experiments, and surveys into a unified stack for product…
  • Resend: Resend is a developer-focused email delivery platform that simplifies sending transactional and marketing emails at scale with high deliverability. The…
  • Clerk: Clerk is a comprehensive authentication and user management platform that enables developers to integrate secure authentication through pre-built…
  • Neon: Neon is a serverless Postgres platform that brings database branching, autoscaling, and pay-per-use pricing to the database developers love. Key features…
  • Upstash: Upstash is a serverless data platform providing Redis and Kafka for serverless and edge computing with pay-per-request pricing and global replication. Key…
  • Railway: Railway is a cloud platform for deploying applications with minimal configuration, automatically detecting project type and provisioning appropriate…
  • Render: Render is a unified cloud platform for hosting applications, databases, and static sites with automatic deployments from Git, free SSL, and a global CDN.…
  • Fly.io: Fly.io is a platform for deploying full-stack applications globally, running app servers close to users for low-latency experiences. Key features include…
  • Cloudflare: Cloudflare is a global network platform providing performance and security services including CDN, DDoS protection, DNS, and edge computing through…
  • Y2Mate: Y2Mate is a free online tool for downloading and converting YouTube videos to MP3 audio and various video formats. The service requires no software…
  • FreeConvert: FreeConvert is an online file converter supporting videos, audio, images, documents, and more with no software installation required. The platform handles…
  • CloudConvert: CloudConvert is a comprehensive online file converter supporting over 200 formats including documents, images, audio, video, and archives. The platform…
  • Compress JPEG: Compress JPEG is a free online tool for reducing JPEG image file sizes while maintaining visual quality through intelligent compression algorithms. The…
  • VEED.io: VEED.io is an online video editor with AI-powered features for editing, recording, and streaming without complex software. Key features include…
  • Sprout Social: Sprout Social is a social media management platform for scheduling, publishing, analytics, and engagement across multiple social networks from a unified…
  • Social Blade: Social Blade is a social media statistics tracking platform providing analytics for YouTube, Twitch, Instagram, Twitter, and other platforms. The service…
  • Shader Gradient: Shader Gradient is a tool for creating beautiful animated gradient backgrounds using WebGL shaders with real-time customization. The platform generates…
  • React Bits: React Bits is an animated React components library offering copy-paste components with beautiful animations built for modern React applications.…
  • Aceternity UI: Aceternity UI is a collection of beautifully animated React components with stunning visual effects ready for use in modern web applications. Components…
  • Thind UI: Thind UI is a modern UI component library for React built with Tailwind CSS, offering accessible components ready for production. Components follow best…
  • TweakCN: TweakCN is a visual customization tool for shadcn/ui themes, allowing designers to generate custom color schemes and export configurations. The tool…
  • Studio 2AM: Studio 2AM provides creative tools and effects for designers including unique visual treatments and plugins for design workflows. The studio focuses on…
  • Brand Toolkit: Brand Toolkit is a collection of essential branding resources including templates, guides, and tools for building cohesive brand identities. Resources…
  • DITHR Tool: DITHR Tool applies dithering effects to images, creating retro pixel aesthetics reminiscent of early computer graphics. The tool offers various dithering…
  • STL to ASCII: STL to ASCII is a tool that converts 3D STL files into ASCII art representations, visualizing 3D models as text-based graphics. The tool is open-source…
  • Supernova: Supernova is a design system platform for building, managing, and scaling design systems with documentation, tokens, and code generation. The platform…
  • VidIQ: VidIQ is a YouTube growth tool providing analytics, SEO optimization, and insights for content creators to improve channel performance. Features include…
  • Ungrid: Ungrid is an experimental grid tool from Uninspired Studio for creating unique, unconventional grid-based layouts that break from traditional constraints.…
  • Video to ASCII: Video to ASCII converts video to real-time ASCII art representation directly in the browser, creating animated text-based visualizations from video input.…
  • Motion Boutique: Motion Boutique provides After Effects plugins and tools for motion designers, specializing in animation efficiency and creative effects. Products include…
  • Unicorn Studio: Unicorn Studio is a WebGL visual effects editor for creating stunning effects without code, including particle systems, shaders, and interactive graphics.…
  • Plunk: Plunk is an open-source email platform for transactional and marketing emails, offering self-hosted and cloud options with modern developer experience.…
  • Super: Super transforms Notion pages into fast, beautiful websites without coding, adding custom domains, themes, and SEO to Notion content. The platform enables…
  • Thenty: Thenty is a no-code website builder focused on design flexibility and ease of use for creating modern websites without coding. The platform emphasizes…
  • Outseta: Outseta is an all-in-one platform for startups combining payments, authentication, CRM, and email marketing in a single tool. The platform reduces tool…
  • mymind: mymind is a minimalist, private knowledge tool for saving links, images, quotes, notes, and screenshots into a visually rich personal library that behaves…
  • Kosmik: Kosmik is an infinite canvas workspace that merges a browser, file system, and moodboard into a spatial environment for creative research, pulling…
  • Everything Universe: Everything Universe focuses on 3D animation and automated rigging, providing tools and services to turn static designs and characters into fully rigged,…

AI

  • Midjourney: Midjourney is an advanced AI image generation platform that transforms natural language descriptions into high-quality visual content, positioning itself…
  • DALL-E: DALL-E 3 is OpenAI's advanced AI image generation system that creates highly detailed, photorealistic images from natural language text prompts, now…
  • Runway: Runway is an applied research company and AI-powered creative platform that develops foundational systems for simulating and generating visual content,…
  • Claude: Claude is an advanced conversational AI assistant developed by Anthropic, representing the frontier of large language models with flagship versions…
  • ChatGPT: ChatGPT is OpenAI's conversational AI platform that enables users to engage in natural dialogue for tasks ranging from creative writing and code…
  • Sora: Sora is OpenAI's groundbreaking AI video generation model that creates realistic and imaginative video content from text descriptions, enabling up to…
  • ElevenLabs: ElevenLabs is an AI voice technology platform that generates natural-sounding speech synthesis and voice cloning with industry-leading quality for content…
  • v0: v0 by Vercel is an AI-powered web development platform that transforms design and code generation through conversational AI, enabling users to build…
  • Bolt: Bolt is an AI-powered web development platform built on StackBlitz's WebContainers technology that enables users to create full-stack websites and…
  • Perplexity: Perplexity AI is an advanced search engine powered by generative AI that delivers direct, cited answers to queries by searching the web in real-time…
  • Replicate: Replicate is a platform for running and deploying machine learning models in the cloud, making it easy to use AI without managing infrastructure or ML…
  • Hugging Face: Hugging Face is the leading platform for the AI and machine learning community, providing a hub for sharing models, datasets, and applications while…
  • Stable Diffusion: Stability AI is the company behind Stable Diffusion, one of the most popular open-source image generation models, offering various AI products for image,…
  • Gamma: Gamma is an AI-powered platform for creating presentations, documents, and websites without requiring design skills, using natural language to generate…
  • Lindy: Lindy is an AI assistant platform that automates repetitive work tasks through custom AI agents built without coding. Users create agents for email…
  • Higgsfield: Higgsfield is an AI-powered video generation platform creating high-quality videos from text and image prompts. The platform focuses on realistic human…
  • Google Flow: Google Flow is an experimental creative tool from Google Labs for generating and manipulating visual content using AI. The platform explores new ways of…
  • Google AI Studio: Google AI Studio is Google's platform for prototyping and building AI applications using Gemini models with tools for prompt engineering and application…
  • Endless Tools: Endless Tools is an AI-powered design platform for generating patterns, gradients, and graphics using artificial intelligence. The platform creates unique…
  • Hinto AI: Hinto AI is an AI-powered design feedback platform providing instant design critiques and improvement suggestions for interfaces. The tool analyzes…
  • Khroma: Khroma is an AI-driven color tool that learns from palettes you like and generates endless combinations tailored to your taste, showing colors in context…