Bookmarks

Bento grid examples for Tailwind CSS, designed and built by the creators of the framework.

A collection of the best marketing headlines on the internet.

A database of best-in-class handpicked crypto designs.

Library of micro interactions to use in your Framer projects.

Variant Vault is a collection of Framer Motion variants for your next project. All free to use and open source.

The biggest free Notion illustration set. Premium hand-drawn Notion illustrations for landing page, personal website, ecommerce, creators, youtubers, influencers, Notion template creators, business, finance, travel, fitness, gaming, media. Public domain & free to use anywhere.

Share work, connect with other designers, discover jobs and get hired.

Create unique mesh gradients and fluid gradient for your web design projects, graphic design posters, and wallpapers.

SVG Shapes

Find icons with the smart search and copy with one click. Adjust the colors once and never worry about it again. Easily customize your iPhone home screen with our packs. Free minimalist theme in black available.

Laws of UX is a collection of best practices that designers can consider when building user interfaces.

The best of recent web, interface and interaction design on Twitter, and everywhere else.

Ready-to-use, simply copy and paste into your next project. All snippets crafted with Tailwind CSS and Vanilla CSS for easy integration.

A unique collection of modern UI components and effects.

Logo design made simple for startup founders

A fun collection of free SVG generators for gradients, patterns, shapes, textures & cool backgrounds. Plus, some more color tools for web designers.

Use this SVG generator to create subtle noise textures and add an organic feel to pages/elements on the web by using these textures as background images.

Turn your ideas into emojis in seconds. Generate your favorite Slack emojis with just one click.

A library of beautifully crafted react icons, perfect for enhancing the visual appeal and user experience of your web applications.

No Description but trust me, it's useful

Flagpack contains 260+ easily implementable flag icons to use in your design or code project.

Understand where your biggest performance wins lie

A polyglot web converter that's going to save you a lot of time.

Free React UI Avatars for Your Next Project, get placeholder avatars unique to your user.

Discover the best free fonts from Google and across the web. See beautiful examples, recommended pairings, OpenType features, and more.

No Description but trust me, it's useful

Using native CSS View Transitions API in Next.js App Router

Transition, format, and localize numbers with a ~3kB Framer Motion component. Accessible and customizable.

A simple JavaScript tool for converting any layout you have to drag-to-swap layout

A circular visual for conveying a percentage.

Bring your components to life with simple spring animation primitives for React

A time picker component for your shadcn ui app

A free online tool to convert SVG files to PNG images quickly and easily.

A collection of commonly used texts for design and development purposes.

An enhanced version of the shadcn-button component with additional styles and functionalities.

A beautiful photo preview component for React with touch gestures and feedback animations.

A growing library of free, AI-generated, high-resolution avatars for design mockups.

Assorted resources for frontend developers and web designers to enhance workflow and growth.

Ready-to-use components for React apps, compatible with Shadcn and styled with Tailwind CSS.