Design & Tools
handyarrows
handyarrows.comA collection of hand-drawn arrows, doodles, and infographic elements for your next project.contribution.catsjuice
contribution.catsjuice.com
Notion Avatar Maker
notion-avatar.vercel.appA Notion hand-drawn style avatar maker tool that supports customizing facial features, hairstyles, glasses, beards, and accessories to generate unique personal avatars with one click. Perfect for Notion, GitHub, Twitter, and other social platforms, ideal for team collaboration and personal branding. Try it now and easily create your own Notion-style avatar!Notion Avatar Maker
notion-avatar.vercel.appA Notion hand-drawn style avatar maker tool that supports customizing facial features, hairstyles, glasses, beards, and accessories to generate unique personal avatars with one click. Perfect for Notion, GitHub, Twitter, and other social platforms, ideal for team collaboration and personal branding. Try it now and easily create your own Notion-style avatar!
A beautiful library with SVG logos - Svgl
svgl.appA beautiful library with SVG logos
Atlassian Design System
atlassian.designComponents are reusable building blocks that meet specific interaction needs. They combine to create intuitive user experiences.
fffuel.co
fffuel.coA fun collection of free SVG generators for gradients, patterns, shapes, textures & cool backgrounds. Plus, some more color tools for web designers.Logoshaper
logoshaper.coLogo design made simple for startup founders
Shoelace
shoelace.styleHand-crafted custom elements for any occasion.
Copy-Paste SVG Shapes - Framer
shapes.framer.websiteSVG Shapes
Drams - Framer
drams.framer.websiteElevate your digital projects with sleek Framer UI elements inspired by Dieter Rams. Explore buttons, sliders & components designed for simplicity & functionality.
SegmentUI
segmentui.comSegmentUI is a 360 degree solution for Framer & Figma. The ultimate design resource that covers everything from ideation to monetisation. Free UI Kits, templates, design systems, components and custom code generators and layouts.Hover.dev
hover.devPrebuilt UI components and templates to make your next project addicting for your users. Less time on interactions, more time building products.
Squoosh App
squoosh.appSquoosh is the ultimate image optimizer that allows you to compress and compare images with different codecs in your browser.
Code Hike
codehike.orgUse Markdown and React to build rich content websites. Documentation, tutorials, blogs, videos, interactive walkthroughs, and more.
10000+ Themes for shadcn/ui
ui.jln.devExplore 10000+ themes for shadcn/ui and easily copy them into your project. Or just create your own theme from scratch!platejs.org
platejs.orgA set of beautifully-designed, customizable plugins and components to help you build your rich-text editor. Open Source.
ImgSrc
imgsrc.ioGenerate beautiful Open Graph images with zero effort.
CSS Gradient
cssgradient.ioAs a free CSS gradient generator tool, this website lets you create a colorful gradient background for your website, blog, or social media profile.
Motion Primitives
motion-primitives.comUI kit to make beautiful, animated interfaces, faster. Open-source and customizable.
Aceternity UI
ui.aceternity.comBeautiful Tailwind CSS and Framer Motion Components, built with Next.js and TypeScript.
react-hot-toast
react-hot-toast.comAdd beautiful notifications to your React app with react-hot-toast. Lightweight. Smoking hot by default.
Project Wallace: CSS Analytics
projectwallace.comThe best CSS Analyzer on the web. Check your CSS complexity, specificity, performance, design tokens and much more.
Three.js - Bruno Simon
threejs-journey.comThe ultimate Three.js course whether you are a beginner or a more advanced developer
The Component Gallery
component.galleryAn up-to-date repository of interface components based on examples from the world of design systems, designed to be a reference for anyone building user interfaces.
Headless UI
headlessui.comCompletely unstyled, fully accessible UI components, designed to integrate beautifully with Tailwind CSS.
Design.Wonderflow.Ai
design.wonderflow.aiWanda is Wonderflow’s open-source design system built for products and digital experiences.
bg.ibelick
bg.ibelick.comModern background snippets for web developers crafted with Tailwind CSS and Vanilla CSS.Magic UI
magicui.designBeautiful UI components and templates to make your landing page look stunning.
MagicPattern
magicpattern.designCreate Pro Visuals with MagicPattern. Generate SVG/CSS patterns, gradients and organic shapes to brand your product and social media posts.
Variant Vault
variantvault.chrisabdo.devVariant Vault is a collection of Framer Motion variants for your next project. All free to use and open source.Aceternity UI
ui.aceternity.comBeautiful Tailwind CSS and Framer Motion Components, built with Next.js and TypeScript.UIverse
uiverse.ioCommunity-made library of free and customizable UI elements made with CSS or Tailwind. It's all free to copy and use in your projects. Uiverse can save you many hours spent on building & customizing UI components for your next project.
UI Faces
uifaces.coA growing library of free, AI-generated, high-resolution avatars for design mockups, thoughtfully curated and categorized to suit all your creative needs.
MotionNumber
motion-number.barvian.meLearn how to animate numbers using AnimateNumber, a Motion for React component. Create stunning counters, engagement bars, stats and more.
Noice Background
noice.vercel.appNoice helps generate SVG filters for noise textures.
Mesh
mesh.aarv.meMesh allows you to create stunning mesh gradients and export them as SVG, completely for free.
Bento Grid Generator
bentogrid.v0.buildBento Grid Generator - v0 by Vercel
Gradient Page
gradient.pageA React component to pick CSS gradients, colors, and more.That's all for now. Come back later for more.