Defensive CSS
Educational resource and collection of CSS snippets focused on building future-proof user interfaces that handle dynamic content
The Final Resources
for Designers & UI Developers
Explore handpicked tools, kits, books, and courses to design and build better interfaces.
⭐ Recommended
Woopicx 3D icons
Library of high-quality, "Basic 3D" assets and icons designed for modern web and mobile interfaces.
Backgrounds Supply
Curated collection of ultra-high-resolution (6K) AI-generated backgrounds primarily created using Midjourney. Can be used for hero section or banners
Isocons - isometric icons
Isometric 3d style icons for web projects and presentations. Change coloe, stroke and position. Figma plugin available
Make Forms
An all-in-one no-code platform for creating custom online forms, automation workflows, OTP verification, and HIPAA-compliant data capture
What’s New
Create UI - Design System
A Figma design system and matching React component library that keep design and code in sync.
React Bits - Animated UI
A library of animated React components, backgrounds, and interactions you can copy or install as editable source.
21st.dev - React UI Library
A large library of crafted React components, templates, marketing blocks, and shadcn themes.
Ripples - Gradient Maker
A free browser tool for creating gradients and previewing them in a full-screen canvas.
Be UI - Animated Components
Free, customizable animated React and Next.js components built with Motion and Tailwind CSS.
Pikkovia - 3D Icon Packs
A marketplace of ready-made 3D icons, characters, and illustration packs for design projects.
Logofolio - Logo Inspiration
A curated gallery of logo designs and brand identities browsable by style, industry, and color.
Kite - Demo Video Recorder
A screen recorder and editor for polished product demos with 3D mockups, animations, music, and AI voiceovers.
Prime UI - AI Site Builder
Turn sitemaps and wireframes into complete websites with AI assistance and exportable Next.js and Tailwind CSS code.
coolshapes - Abstract Shapes
An open-source collection of grainy gradient shapes available for design and development projects.
pen.dev - Agentic Canvas
A design canvas where AI agents and manual editing work together, with Figma import and HTML/CSS export.
Interfaces - Design Magazine
A design engineering magazine exploring interface details, interaction design, and the craft of digital products.
Aura Gradients - Backgrounds
A collection of soft ambient gradient backgrounds made with layered CSS blend modes.
IP as Logo - Mascot Gallery
A gallery of simplified mascot-style logos made with the IP as Logo agent skill.
Make Design - AI Generator
An AI design generator that turns a written idea into a web design in seconds.
Newsletter
Get weekly updates with newly added resources and featured picks.