Your Gateway to Top Design Tools
& Inspiring Resources!

Recently Added

Origin UI

Origin UI, React Tailwind components is the open-source library that simplifies every build. 500+ copy-paste blocks, weekly updates, 5,000+ GitHub stars.

REUI

ReUI, React Tailwind components delivers animated, open-source blocks for effortless UI building. AI-optimized props, 300+ free elements, 2k+ GitHub stars.

TailArk

Tailark, shadcn marketing blocks offers ready-to-use Tailwind UI for modern sites. Instantly deploy, 100+ block styles, free and open-source, MIT licensed.

Motion Premitives

Motion-Primitives, animated React Tailwind UI kit empowers beautiful interfaces in seconds. Open-source, 4000+ GitHub stars, frictionless animation.

Kokonut UI

KokonutUI, Tailwind React components gives you 100+ animated shadcn UI blocks for modern web design. Open-source, CLI integration, dark mode, Next.js-ready.

Smooth UI

SmoothUI, React Tailwind motion components is the animation kit that makes interfaces feel alive. Free, modern, built with React, Tailwind, Motion.

Cult UI

Cult UI, shadcn components & Next.js templates built for design engineers. Open source, customizable, Tailwind CSS, seamless integration, 2.6k stars on GitHub.

PatternCraft

Pattern Craft, CSS Tailwind background patterns & gradients library offers 100+ modern, responsive designs. Easily copy paste for stunning websites.

Badtz UI

BadtzUI is a React Tailwind UI library with production-ready animations. Open-source, highly customizable, optimized for Next.js, and updated weekly.

Reverse UI

Reverse UI offers premium animated React components for modern web apps. 50+ pre-built, fully styled, and easy-to-integrate components with frictionless animations.

Logo Dev

Logo.dev, logo API provides seamless access to millions of up-to-date company logos via global CDN. Easy integration, fast, reliable, free trial available.

Gradient Generator

Josh Comeau’s CSS Gradient Generator helps front-end developers create beautiful, customizable gradients with ease. Interactive and user-friendly tool.

Latest YouTube Shorts

Quick design tips and tutorials

The Right Way To Steal A Design

Flux Academy

Hidden details on the set of "Severance" | Free Association: Jeremy Hindle

Figma

Are Product Designers Getting Replaced by Product Managers?

Nolan Perkins

Learn Rive State Machine in Minutes (Dynamic Animations for Apps & Web)

Nolan Perkins

Build a portfolio website in seconds with wireframer #framer #portfolio #webdesign

Framer

HOW TO: create conditional from fields in @framer

Framer University

Figma Trivia: How well do you know Figma Buzz?

Figma

making your @framer sites SICK is much easier than you think...

Framer University

Resource Roulette

https://www.corebook.io/

Corebook

Transform static brand guidelines into dynamic digital experiences with Corebook brand guidelines platform. Built for agencies and brands who need flexible, updateable style guides, this web-based solution combines brand asset management with collaborative editing tools that eliminate PDF limitations. You can customize domains, set page permissions, and share specific sections through deep links, while integrated asset downloads streamline handoffs between creative teams. The platform features no-code editing, real-time collaboration, and client transfer capabilities that accelerate branding projects from concept to launch. This innovative approach serves leading agencies like McCann, VML, and Deloitte, ensuring every brand guideline stays current, accessible, and actionable across all stakeholders without technical barriers or version control issues that plague traditional brand documentation methods.

Misc

https://framershaders.framer.ai/

Framer Shader Library

Transform complex visual effects into simple copy-paste solutions with Framer Shaders Library. Built for designers and developers who need professional-grade shader effects without the technical complexity, this curated collection features GPU-optimized GLSL shaders that combine stunning visual appeal with seamless Framer integration so you can create polka dots, ASCII art, nebula rides, and plasma effects instantly, while weekly updates and performance optimization ensure your projects load fast and rank higher without sacrificing visual quality. This runs on a platform created by Maharram Hasanli as a passion project, ensuring every shader ships with source attribution, works across personal and client projects, and scales effortlessly. From liquid rainbows to void holes, each effect transforms ordinary websites into immersive experiences that captivate users while maintaining optimal performance and SEO compatibility for modern web standards.

Framer

https://www.brandguidelines.net/

Brand Guidelines

Transform scattered brand reference hunting into strategic design intelligence when curated expertise delivers targeted brand design inspiration with brand design inspiration from Brand Guidelines. Built for passionate designers, brand managers, and creative professionals seeking visual excellence, it combines handpicked global brand guidelines with premium template resources so you can discover breakthrough design patterns from leading companies like IBM, Dropbox, and Starbucks instantly, while Figma-ready templates and submission opportunities enable comprehensive brand research without endless browsing. This runs on a platform founded by 1042 Studio's Lee Black with carefully chosen collections featuring only the best designs, ensuring every brand project ships faster, looks distinctive, and scales strategically. The specialized showcase champions design excellence through fresh guidelines submissions and premium customizable templates, giving you direct access to proven brand strategies that separate memorable visual identities from forgettable brand experiences across contemporary design disciplines.

Inspirations

https://www.krea.ai/

Krea AI

Krea AI offers real-time image and video generation powered by advanced AI models, designed for creators and designers. It features high-fidelity image output, responsive prompt control, flexible style fusion from realistic to cartoonish, and stable generation speed for rapid feedback. Beyond images, Krea enables video creation and enhancement, including upscaling and animation from text or images. Its intuitive platform includes mini apps and a vibrant Discord community, supporting creative workflows and trend-driven content creation. Krea's tools help you bring ideas to life quickly with professional visual quality and flexible customization options.

AI Image Generator

http://kittl.pxf.io/Z6e37g

Kittl

Unleash your creative potential without the steep learning curve of traditional design software using Kittl AI design platform. Built for designers, marketers, and creative teams seeking professional results without complexity, this intuitive platform combines AI-powered generators with drag-and-drop functionality so you can create stunning graphics, logos, and social media content instantly, while text-to-vector capabilities and mockup generation enable complete project completion without switching between multiple tools. The platform features extensive template libraries, real-time collaboration, and seamless integrations with Shopify, WooCommerce, and Etsy alongside advanced typography tools and customizable color palettes. With AI image generation, background removal, and SVG conversion capabilities, you can produce professional designs that scale across all platforms effortlessly. This runs on a platform receiving 2.88 million monthly visits with authority score 54 and trusted by brands like Netflix, Warner Bros, and Harley Davidson, ensuring every project ships faster, looks sharper, and scales effortlessly.

Design Softwares

https://easings.net/

Easings Cheatsheet

Easings.net provides a comprehensive cheat sheet and interactive visualizations of common CSS easing functions used in web animations. It helps developers and designers understand how different easing formulas affect animation speed and timing, offering a practical way to select the right easing for smooth, natural motion. The site features demos, code snippets, and explanations, supporting better UI animation design by enabling precise control over acceleration and deceleration curves in web projects.

Motion Design

https://magicanimator.com/

Magic Animator by Lottielabs

Turn static designs into captivating animations without wrestling with complex keyframes using Magic Animator AI animation tool. Built for designers, marketers, and product teams seeking effortless motion graphics, this revolutionary Figma plugin combines AI-powered generation with one-click automation so you can create four unique animation variations instantly from any design, while editable keyframes and chat-based customization enable precise control without technical animation expertise. The platform features seamless integration with Figma, Canva, and Adobe Express alongside multi-format exports including MP4, GIF, and Lottie for web development. From animated logos and social media posts to UI micro-interactions and brand elements, you can bring any visual to life in seconds rather than hours. This runs on a platform earning 4.8 stars on Product Hunt with #1 launch day ranking and trusted by design teams at Netflix and Google, ensuring every project ships faster, looks sharper, and scales effortlessly across modern creative workflows.

Motion Design

https://uibreakfast.com/category/podcast/

UI Breakfast

Transform UX design skills without learning barriers through UI Breakfast Podcast's comprehensive interview platform. Built for designers and product managers, this trusted show combines industry expert conversations with actionable knowledge so you can advance your career instantly, while weekly episodes and 30-40 minute formats enable consistent skill development without time constraints. From design systems to user research, each episode features professionals from companies like Google, Airbnb, and Microsoft through Jane Portman's business-focused interviews that deliver practical insights. This runs on a platform trusted by 4+ million downloads since 2013 and maintains a 4.5-star rating across 281 reviews, ensuring every episode ships with expert-level content, looks professionally produced with consistent weekly releases, and scales effortlessly across Apple Podcasts, Spotify, and Google Podcasts for designers, SaaS founders, and product managers seeking business-driven knowledge to build better software.

Misc

https://3d.khagwal.com/

3D khagwal

Eliminate costly visual content creation with comprehensive design assets using free 3D illustrations from Khagwal 3D. Built for web and mobile app designers who need premium quality without budget constraints, this open-source library combines 45 hand-curated 3D models with five different themes so you can match any brand aesthetic, while front, left, right, top, and perspective angles enable complete creative flexibility without licensing restrictions. Created in Blender 3D with meticulous attention to detail, every illustration delivers professional-grade visual impact under CC0 Public Domain License. This runs on a platform trusted by 26.5k Figma Community users, ensuring every project ships with stunning three-dimensional depth, loads seamlessly across all devices, and scales perfectly from mobile interfaces to desktop applications. Available directly through Figma Community with instant access to high-quality PNG files.

Icon Packs

All Categories

3D

Explore resources, tools, and inspiration for 3D design, modeling, and visualization.

AI Tools

Supercharge your design workflow with AI-powered tools. Discover resources that use artificial intelligence to enhance creativity and productivity.

AI Image Generator

Harness the power of artificial intelligence to generate unique visuals. Our collection features cutting-edge tools that create stunning images from simple text prompts.

AI-Video-Generator

Avatars

Create compelling user representations with our avatar generation resources. Perfect for profiles, personas, and adding a human touch to your interfaces.

Colors

All the color tools you need—palettes, pickers, gradients, and endless inspiration.

Design Blogs

Inspiring insights, trends, and tips to elevate your design game across digital and physical experiences.

Design Softwares

Explore essential design software tools for UI, UX, graphics, prototyping, and more. Find the right applications to power your creative workflow.

Design Systems

Resources, tools, and inspiration for building, maintaining, and scaling design systems.

Framer

Master Framer with our specialized resources. Learn techniques for creating interactive prototypes and responsive layouts in this powerful design platform.

Icon Packs

Find the ideal visual elements for your interfaces and designs. Our resource list showcases platforms and tools offering a vast selection of icon packs.

Illustrations

Discover beautiful illustrations to enhance your projects. We've curated the best resources for finding unique, high-quality illustrations for any design need.

Inspirations

Fuel your creativity with our collection of inspirational design resources. Find fresh ideas and innovative approaches to elevate your next project.

Misc

A collection of miscellaneous resources and tools that are not yet categorized.

Mockups

A curated collection of mockup resources to showcase your designs in realistic settings. Find device, browser, and print mockups for stunning presentations.

Motion Design

Discover tools, resources, and inspiration for motion design, animation, and dynamic visual storytelling.

Nice Reads

Curated articles, blogs, and resources for thoughtful reading and inspiration.

Portfolio Builder

Design & make your portfolio online, these tools will help you to make and share your portfolio superfast

Portfolio Inspirations

Discover & get inspired by portfolios of top designer & design agencies from around the world

Stock Images

Free stock images for your next project

Typography

Explore the art and science of type with our typography resources. Find perfect font pairings, typography systems, and text styling tools for any project.

UI Kits & Frontend

Discover UI kits and frontend resources for Vibe coding and jumpstart your design and development process. Includes component libraries, templates, and more.

Website Builders

No-code, low code & AI assisted Website builders for designer

Wireframes

Streamline your design process with powerful wireframing tools and templates. Create clear, functional layouts before committing to detailed designs.

Your Gateway to Top Design Tools & Inspiring Resources!

Recently Added

Origin UI

REUI

TailArk

Motion Premitives

Kokonut UI

Smooth UI

Cult UI

PatternCraft

Badtz UI

Reverse UI

Logo Dev

Gradient Generator

Latest YouTube Shorts

Resource Roulette

Corebook

Framer Shader Library

Brand Guidelines

Krea AI

Kittl

Easings Cheatsheet

Magic Animator by Lottielabs

UI Breakfast

3D khagwal

All Categories

3D

AI Tools

AI Image Generator

AI-Video-Generator

Avatars

Colors

Design Blogs

Design Softwares

Design Systems

Framer

Icon Packs

Illustrations

Inspirations

Misc

Mockups

Motion Design

Nice Reads

Portfolio Builder

Portfolio Inspirations

Stock Images

Typography

UI Kits & Frontend

Website Builders

Wireframes

Your Gateway to Top Design Tools
& Inspiring Resources!