My bookmarks
Explore my collection of bookmarks, from web development resources to online tools that I use regularly.
Dev & Design Tools
Clippy – CSS clip-path Maker
A visual tool for creating complex CSS `clip-path` shapes.
bennettfeely.com/clippyExcalidraw – Virtual Whiteboard
Virtual collaborative whiteboard for sketching hand-drawn like diagrams.
excalidraw.comFavicon Generator
Generate favicons in various formats for websites and applications.
redketchup.io/favicon-generatorFluid Typography Calculator
Generate CSS `clamp()` values for responsive and fluid typography.
royalfig.github.io/fluid-typography-calculatorGoogle Webfonts Helper
Easily self-host Google Fonts and get `@font-face` snippets.
gwfh.mranftl.com/fontsHero Patterns
A collection of repeatable SVG background patterns.
heropatterns.comPhotopea – Online Photo Editor
Advanced browser-based editor with support for PSD, XD, and Sketch files.
www.photopea.comRay.so – Code Snapshot Generator
Generate beautiful, shareable images of your code snippets.
www.ray.soSquoosh – Image Compression
Optimize and compress images with modern codecs in your browser.
squoosh.apptweakcn – shadcn/ui Customizer
A visual tool for customizing shadcn/ui theme tokens and colors.
tweakcn.comv0 by Vercel – AI UI Generator
An AI-powered tool to generate React/Next.js components from text prompts.
v0.dev
UI Libraries & Resources
Aceternity UI
Copy-paste animated UI components built with Tailwind CSS and Framer Motion.
ui.aceternity.comFramer Motion
A production-ready motion library for React to create powerful animations.
www.framer.com/motion/Freepik
A large collection of free and premium vectors, stock photos, and design assets.
www.freepik.comOpen Props
A CSS custom properties framework for super-charged, rapid UI development.
open-props.styleshadcn/ui
Beautifully designed components built with Radix UI and Tailwind CSS.
ui.shadcn.com
Icon Libraries
DEVICON
An icon set for programming languages, design tools, and platforms.
devicon.devFont Awesome
A comprehensive and widely-used icon library for web projects.
fontawesome.comHeroicons
A set of hand-crafted SVG icons by the makers of Tailwind CSS.
heroicons.comIonicons
A premium, open-source icon pack for mobile and web applications.
ionic.io/ioniconsLucide Icons
A community-maintained, Feather-inspired open-source icon set.
lucide.devReact Icons
A library that bundles popular icon sets as easy-to-use React components.
react-icons.github.io/react-icons
Fonts
IBM Plex
A versatile and distinctive corporate typeface family by IBM.
github.com/IBM/plexInter
A highly-readable variable font family optimized for user interfaces.
github.com/rsms/interSpace Grotesk
A modern sans-serif typeface inspired by the fixed-width Space Mono.
github.com/floriankarsten/space-grotesk
Free APIs
EmailJS – Client-side Email Service
Send emails directly from client-side JavaScript without a server.
emailjs.comIP Geolocation API
A free API to retrieve IP-based geolocation data like city, country, and ISP.
geo.ipify.orgJSON Placeholder
A fake REST API for testing and prototyping frontend applications.
jsonplaceholder.typicode.comOpenWeatherMap API
Provides current weather data and forecasts via a free API.
openweathermap.orgspoo.me – URL Shortener API
A free and simple link shortener with a developer API.
docs.spoo.me/introduction
Hosting & Deployment
InfinityFree – Free Web Hosting
Completely free hosting service with support for PHP and MySQL.
infinityfree.comNetlify – Static Site Hosting
An all-in-one platform for deploying modern web projects with serverless functions.
www.netlify.comVercel – Serverless Deployment
A cloud platform for static sites and serverless functions, ideal for Next.js.
vercel.com
Learning & Practice
Developer Roadmaps
Community-curated roadmaps, study plans, and learning paths for developers.
roadmap.shFrontend Mentor
Solve real-world frontend challenges to improve HTML, CSS, and JS skills.
www.frontendmentor.ioStriver's A2Z DSA Course
A comprehensive Data Structures and Algorithms course with practice problems.
takeuforward.org/strivers-a2z-dsa-course/strivers-a2z-dsa-course-sheet-2
Articles & Blogs
Chrome for Developers Blog
Official updates, features, and performance tips from the Google Chrome team.
developer.chrome.com/blogConsistent Fluid Type & Spacing
An article on creating robust fluid typography and spacing systems with CSS.
css-tricks.com/consistent-fluidly-scaling-type-and-spacingCSS-Tricks
A popular blog covering CSS, layouts, UI tips, and general web development news.
css-tricks.comNerdy Dev – Web Development Blog
A blog covering web development topics, tutorials, and tips.
nerdy.dev
Portfolio Inspirations
Brittany Chiang – Developer Portfolio
A clean, single-page developer portfolio with a focus on project presentation.
brittanychiang.comLee Robinson – Developer Portfolio
A super minimal portfolio website built with Tailwind CSS.
leerob.comManu Arora – Freelancer Portfolio
A minimal and elegant freelancer portfolio with smooth animations.
manuarora.inRam Maheshwari – Developer Portfolio
An interactive developer portfolio featuring GSAP animations and a clean layout.
www.rammaheshwari.comSpotlight – Portfolio Template
A sleek and professional portfolio template built with Tailwind CSS.
spotlight.tailwindui.com
Productivity Software
Cursor – AI Code Editor
An AI-native code editor designed for pair-programming with AI.
cursor.comNotion – All-in-one Workspace
A unified workspace for notes, documentation, project management, and wikis.
www.notion.comVS Code – Code Editor
A powerful and popular open-source code editor with extensive plugin support.
code.visualstudio.com
Templates & Resumes
Jake's Resume – LaTeX Template
A clean, single-column LaTeX resume template ideal for software engineers.
www.overleaf.com/latex/templates/jakes-resume-anonymous/cstpnrbkhndn
That's all folks! If you have any suggestions for more resources, feel free to reach out!