1. Home
  2. Archive
  3. Bookmarks

Bookmarks

Curation of my bookmarks. Here is my go-to list of tools & software that I enjoy using and have helped me level up my skills.

Tailwind CSS Bento Grids - Official Tailwind UI Components
Tailwind CSS Bento Grids - Official Tailwind UI Components
Bento grid examples for Tailwind CSS, designed and built by the creators of the framework.
H1 Gallery
H1 Gallery
A collection of the best marketing headlines on the internet.
Crypto Design Club
Crypto Design Club
A database of best-in-class handpicked crypto designs.
Interaction Magic
Interaction Magic
Library of micro interactions to use in your Framer projects.
Variant Vault - A collection of Framer Motion variants for your next project.
Variant Vault - A collection of Framer Motion variants for your next project.
Variant Vault is a collection of Framer Motion variants for your next project. All free to use and open source.
Free Notion Illustrations - Popsy
Free Notion Illustrations - Popsy
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.
Layers
Layers
Share work, connect with other designers, discover jobs and get hired.
Mesh Gradients Generator by MagicPattern
Mesh Gradients Generator by MagicPattern
Create unique mesh gradients and fluid gradient for your web design projects, graphic design posters, and wallpapers.
Copy-Paste SVG Shapes
Copy-Paste SVG Shapes
SVG Shapes
Simpler & Faster to use Icons
Simpler & Faster to use Icons
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
Laws of UX
Laws of UX is a collection of best practices that designers can consider when building user interfaces.
Recent Design
Recent Design
The best of recent web, interface and interaction design on Twitter, and everywhere else.
bg.ibelick - ready-to-use background snippets for web developers
bg.ibelick - ready-to-use background snippets for web developers
Ready-to-use, simply copy and paste into your next project. All snippets crafted with Tailwind CSS and Vanilla CSS for easy integration.
ui.ibelick - components collections
ui.ibelick - components collections
A unique collection of modern UI components and effects.
Logoshaper
Logoshaper
Logo design made simple for startup founders
Free SVG generators, color tools & web design tools
Free SVG generators, color tools & web design tools
A fun collection of free SVG generators for gradients, patterns, shapes, textures & cool backgrounds. Plus, some more color tools for web designers.
nnnoise: Online SVG Noise Texture Generator
nnnoise: Online SVG Noise Texture Generator
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.
AI Emoji Generator
AI Emoji Generator
Turn your ideas into emojis in seconds. Generate your favorite Slack emojis with just one click.
Paranoid (@irsyadadl) / irsyad.co
Paranoid (@irsyadadl) / irsyad.co
A library of beautifully crafted react icons, perfect for enhancing the visual appeal and user experience of your web applications.
Runic
Runic
No Description but trust me, it's useful
Flagpack
Flagpack
Flagpack contains 260+ easily implementable flag icons to use in your design or code project.
Performance Insights | Builder.io
Performance Insights | Builder.io
Understand where your biggest performance wins lie
Transform
Transform
A polyglot web converter that's going to save you a lot of time.
Avvvatars - Open Source React UI Avatar Library
Avvvatars - Open Source React UI Avatar Library
Free React UI Avatars for Your Next Project, get placeholder avatars unique to your user.
In-Depth Guide to the Best Free Fonts
In-Depth Guide to the Best Free Fonts
Discover the best free fonts from Google and across the web. See beautiful examples, recommended pairings, OpenType features, and more.
CSS scroll shadows
CSS scroll shadows
No Description but trust me, it's useful
Next.js View Transitions
Next.js View Transitions
Using native CSS View Transitions API in Next.js App Router
MotionNumber for Framer Motion
MotionNumber for Framer Motion
Transition, format, and localize numbers with a ~3kB Framer Motion component. Accessible and customizable.
Swapy, a simple JavaScript tool for converting any layout you have to drag-to-swap layout
Swapy, a simple JavaScript tool for converting any layout you have to drag-to-swap layout
A simple JavaScript tool for converting any layout you have to drag-to-swap layout
Geist Gauge
Geist Gauge
A circular visual for conveying a percentage.
React Spring
React Spring
Bring your components to life with simple spring animation primitives for React
TimePicker | OpenStatus
TimePicker | OpenStatus
A time picker component for your shadcn ui app
SVG to PNG Converter
SVG to PNG Converter
A free online tool to convert SVG files to PNG images quickly and easily.
Copy Book
Copy Book
A collection of commonly used texts for design and development purposes.
Enhanced Button
Enhanced Button
An enhanced version of the shadcn-button component with additional styles and functionalities.
React Photo View
React Photo View
A beautiful photo preview component for React with touch gestures and feedback animations.
UI Faces
UI Faces
A growing library of free, AI-generated, high-resolution avatars for design mockups.
Pillarstack
Pillarstack
Assorted resources for frontend developers and web designers to enhance workflow and growth.
Cult UI
Cult UI
Ready-to-use components for React apps, compatible with Shadcn and styled with Tailwind CSS.

That's all for now. Come back later for more.