Bookmarks
ExploreLatest additionsCategoriesCollectionsBlogGlossary
Categories
Utility29Inspiration24Resources21Tool13AI9Learning9Productivity4Collection2Reading1
ExploreLatest additionsCategoriesCollectionsBlogGlossary
Bookmarks

A hand-picked directory of 112 useful websites. All the tools & resources you need, in one place.

Categories
UtilityInspirationResourcesToolAILearningProductivityCollectionReading
Collections
Motion & micro-interactionsColor toolkitFree design assetsSketch & brainstormLogo & brand inspirationWeb UI referencesSEO & launch
Explore
Latest additionsAll bookmarksBlogGlossary
© 2026 BookmarksBuilt by Muhammad Osama

Photopea

Run photoshop for free online without installing it.

View detailsVisit Tool

Coolors

Thousands of beautiful color palettes inspiration.

View detailsVisit Inspiration

Excalidraw

Whiteboard tool that lets you easily sketch diagrams.

View detailsVisit Tool

Phosphor Icons

Flexible, customizable icon set for designers and developers.

View detailsVisit Resources

Featured

Collection of delightful interaction in apps.

60fps•Interaction Gallery

Design details that feel like magic.

Design Spells•Design Details Gallery

Free, high-quality fonts by Indian Type Foundry.

Fontshare•Free Quality Fonts

Collaborative whiteboard for drawing, planning, and brainstorming.

tldraw•Collaborative Whiteboard

Turn code to pics. Pic modes, change colors and sizes.

RaySo•Code Screenshots

Free UI elements made with CSS.

Uiverse•CSS UI Elements

Community-driven tech career and skill roadmaps for developers.

Roadmaps•Developer Roadmaps

Merge images, styles, generate scenes

Whisk•AI Image Remixer

New additions

TempMail Disposable EmailWTFood Calorie TrackerMind Map Wizard AI Mind MapsRabbithole AI Canvas ChatImagePrompt Image to PromptYoutube Summary Video SummarizerPotion AI Email BuilderMagickSEO One-Click SEO AuditRoastMyPage AI Landing Page ReviewWhisk AI Image RemixerMcStumble Random Site DiscoveryProblemHunt Startup Problem Ideas

Featured articles

Two tools for every color paletteCoolors for finding a direction, UI Colors for turning one hex into a scale an interface can actually use.October 12, 2026
Where to study good UI motionThree references for animation that feels intentional instead of decorative.October 11, 2026
A free design stack that runs in the browserPhotopea, Fontshare and Phosphor cover image editing, type and icons — no installs, no licenses.October 11, 2026

Explore categories

View all →
Utility29 bookmarksInspiration24 bookmarksResources21 bookmarksTool13 bookmarksAI9 bookmarksLearning9 bookmarks

Popular tags

Browse all →
Inspiration11 bookmarksUiux8 bookmarksIcons7 bookmarksColors6 bookmarksDesign6 bookmarksDesign assets6 bookmarks

Popular collections

Motion & micro-interactionsReferences and tools for transitions, easing curves and the small details that make an interface feel alive.6 bookmarks
Color toolkitFind a palette direction, then turn a single hex into a full set of usable shades.4 bookmarks
Free design assetsFonts, icons, logos and flags you can drop straight into a project.8 bookmarks
Sketch & brainstormOpen canvases for thinking out loud — whiteboards, story maps and mind maps.6 bookmarks
Logo & brand inspirationArchives of marks, wordmarks and identities to study before you draw.5 bookmarks
Web UI referencesReal-world navbars, footers, CTAs and landing pages, organised by pattern.6 bookmarks
SEO & launchGet found: keyword research, indexing, audits and a domain to launch on.6 bookmarks

Utility

Extract all images from a web page for free.

Extract Pics•Image Extractor

Fast and easy way to find keywords.

WordStream•Keyword Finder

Test internet speed without hustle.

Fast•Internet Speed Test

REST API testing tool. Postman alternative.

HTTPIE•API Testing Client

Save images, videos & links with AI organize.

mymind•AI Visual Bookmarks

User-friendly weekly to-do list in a calendar format.

Tweek•Weekly Planner

Get hue values of any color. From one shade to another.

UI Colors•Tailwind Shade Generator

Visual sitemap builder with lo-fi wireframes.

Octopus•Visual Sitemap Builder

Manage projects, collaborate with your team.

Teamcamp•Project Management

Turn code to pics. Pic modes, change colors and sizes.

RaySo•Code Screenshots

Interactive body map with 2000+ guided exercises for all fitness levels.

MuscleWiki•Exercise Library

#1 Website indexing tool. Index unindexed pages.

Index Guru•Search Indexing Tool

Inspiration

Collection of best Navbars.

Navbar Gallery•Navbar Inspiration

Curated gallery of top website footer inspiration.

Footer Design•Footer Inspiration

Explore the best, hand-picked app motion design.

App Motion Design•App Motion Gallery

Collection of delightful interaction in apps.

60fps•Interaction Gallery

Find inspiration by exploring this library of real and fictional logos.

Logo System•Logo Library

Thousands of beautiful color palettes inspiration.

Coolors•Palette Generator

Design details that feel like magic.

Design Spells•Design Details Gallery

95 Beautiful CSS box-shadow examples.

Box Shadows•CSS Shadow Examples

Inspire by top designs posted on X.

Best Designs on X•Design Inspiration

Catalog of well-design logos.

Logggos•Logo Gallery

Discover the worlds finest logos, symbols & trademarks.

Logo Book•Logo Archive

Curated portfolio inspiration from top designers.

Killer Portfolio•Portfolio Inspiration

Resources

Free music and sound effect for video editors.

Uppbeat•Free Music & SFX

Free UI elements made with CSS.

Uiverse•CSS UI Elements

Collection of AI-generated, skeuomorphic icons.

Thiings•AI 3D Icons

SVG logos of top tech brands and companies.

SVGL•SVG Brand Logos

Share your work, join the conversation, connect with creators.

Prototypr•Design Community

Collection of beautiful uiux components.

Magic UI•React UI Components

500+ carefully curated microcopies for your website.

Microcopy•UX Writing Library

Landing page inspiration, figma, tailwind & webflow components.

Landingfolio•Landing Page Gallery

Download vector logos of brands you love.

World Vector Logo•Vector Brand Logos

Free, high-quality fonts by Indian Type Foundry.

Fontshare•Free Quality Fonts

Curated free fonts from independent type designers.

Uncut•Indie Free Fonts

Flexible, customizable icon set for designers and developers.

Phosphor Icons•Flexible Icon Family

Tool

Run photoshop for free online without installing it.

Photopea•Online Photo Editor

Run illustrator for free online without installing it.

Vectorpea•Online Vector Editor

Witeboard is the fastest real-time online whiteboard.

Witeboard•Realtime Whiteboard

Whiteboard tool that lets you easily sketch diagrams.

Excalidraw•Sketchy Diagram Whiteboard

Create the most realistic speech with our AI audio.

Eleven Labs•AI Voice Generator

Create amazing mockups for screenshots and more online.

Shots•Mockup Generator

Combine PDFs in a snap. It's quick and easy to use.

MergeMyPDFs•PDF Merger

Collaborative whiteboard for drawing, planning, and brainstorming.

tldraw•Collaborative Whiteboard

Fast, collaborative web tool for motion design and animation.

Jitter•Motion Design Tool

Design and ship interactive, real-time animations for apps and websites.

Rive•Interactive Animation

Plan sitemaps, user flows, wireframes, and project briefs collaboratively.

Flowmapp•UX Planning Tool

Instant AI background removal for any image online.

Imgly BG Removal•AI Background Remover

AI

Merge images, styles, generate scenes

Whisk•AI Image Remixer

AI roasts landing pages with fixes

RoastMyPage•AI Landing Page Review

One-click SEO insights and improvements

MagickSEO•One-Click SEO Audit

AI Notion-style email builder

Potion•AI Email Builder

Instantly summarize any YouTube video

Youtube Summary•Video Summarizer

Turn images into AI prompts

ImagePrompt•Image to Prompt

Infinite canvas AI chat workspace

Rabbithole•AI Canvas Chat

Generate mind maps in seconds

Mind Map Wizard•AI Mind Maps

Detect food and track calories

WTFood•Calorie Tracker

Learning

Nonfiction books summarized into their essential ideas.

Littler Books•Book Summaries

Level up your product skills with bite-size tips.

Growth Design•Product Case Studies

Quality knowledge about tech, design & development.

Daily Dev•Developer News Feed

Community-driven tech career and skill roadmaps for developers.

Roadmaps•Developer Roadmaps

Interactive learning resource maps—discover and explore any topic.

Learn Anything•Learning Maps

Guidance for building humane, ethical digital products prioritizing user well-being.

Humane by Design•Ethical Design Guide

Quick code snippets and articles to sharpen dev skills fast.

30 Seconds of Code•Code Snippets

Curated newsletter of top marketing insights, tools, and campaigns.

Marketer Gems•Marketing Newsletter

Quick UX ideas, trends, and innovations to improve digital experiences.

Build for Mars•UX Improvement Ideas

Productivity

Typing test: adjust modes, monitor growth, boost speed.

Monkey Type•Typing Speed Test

Clarifies writing, marking long sentences & errors.

Hemingway App•Writing Clarity Editor

Every shortcut for designers, centralized & searchable.

Shortcuts Design•Design Shortcuts

Online pomodoro app to help focus on tasks.

Pomofocus•Pomodoro Timer

Collection

The ultimate design curations to get inspired.

Curation of Curations•Design Curation Index

Royalty-free stock photos, icons, videos, mockups.

The Stocks•Free Stock Media

Reading

Simple Quran with translation available in multiple languages.

Quran•Quran Reader

Latest articles

Two tools for every color paletteCoolors for finding a direction, UI Colors for turning one hex into a scale an interface can actually use.Color1 min read
Where to study good UI motionThree references for animation that feels intentional instead of decorative.Motion1 min read
A free design stack that runs in the browserPhotopea, Fontshare and Phosphor cover image editing, type and icons — no installs, no licenses.Assets1 min read

From the glossary

All terms →
AI artImages created or remixed by machine-learning models from a text prompt or reference pictures.Code screenshotAn image of a code snippet, framed and styled for sharing where plain text would lose its formatting.Color paletteA small, deliberate set of colors used together so an interface or brand feels consistent.EasingThe acceleration curve of an animation — how motion speeds up and slows down instead of moving at a constant rate.Icon setA family of icons drawn on the same grid, stroke and style, so they look consistent side by side.Micro-interactionA small, single-purpose moment of feedback — a like animating, a toggle snapping — that confirms an action.