Dec 10, 2025 · 4 min read · As developers and designers, we've all been there. It's 11 PM, you're putting the final touches on a project, and you need the perfect icon. Not just any icon, but something specific—maybe a "rocket with a subtle trail" or a "minimalist brain connect...
Join discussionAug 9, 2025 · 2 min read · Paragraph 1 – The Hook Imagine finishing a gorgeous website at 2 a.m. and realizing you still need a crisp favicon. Cue panic: open Illustrator, slice eight different sizes, export, compress, pray… or just drag & drop one SVG into a lightning-fast br...
Join discussionAug 9, 2025 · 3 min read · Use now: svgcodetopng If you spend most of your day in VS Code, Figma, or Cursor, you’ve probably run into this exact problem: you’ve generated or curated a perfect SVG icon, logo, or gradient, but you need a crispy PNG for a dev build, a slide deck,...
Join discussionOct 20, 2024 · 6 min read · Hey there, data enthusiasts! Ever felt like your Power BI dashboards could use a little more... pizzazz? Well, what if I told you that you could add eye-catching, attention-grabbing blinking indicators to your reports? That's right – you can make you...
DDavid commented
Feb 20, 2024 · 10 min read · 📚 Part 1: Building the base👈 you are here 🧱 Part 2: Building the component ✨ Part 3: Adding refinements and animation One of the things I enjoy the most in frontend development is creating beautiful components with animations✨ and that is w...
PPrajwal commented
Feb 20, 2024 · 14 min read · 📚 Part 1: Building the base 🧱 Part 2: Building the component👈 you are here ✨ Part 3: Adding refinements and animation This is Part 2 of the 3-part blog series and in this part, we will focus on creating the core parts of our progress indica...
Join discussion
Feb 20, 2024 · 8 min read · 📚 Part 1: Building the base 🧱 Part 2: Building the component ✨ Part 3: Adding refinements and animation👈 you are here Welcome back! This is the last part of the 3-part blog series and in this part, we'll enhance our existing component and a...
Join discussion
Dec 13, 2023 · 2 min read · What Is SVG? Scalable Vector Graphics (SVG) is a vector graphic image format based on XML. Unlike pixel-based formats like JPG and PNG, SVG relies on XML markup to describe image attributes. SVG allows for scalability without loss of quality. ...
Join discussionAug 28, 2023 · 7 min read · In the ever-evolving landscape of web design, the integration of Scalable Vector Graphics (SVGs) has introduced a new realm of creative possibilities. In this blog, we will explore the combination of SVGs and interactive drawers in detail, offering a...
Join discussion
Jun 20, 2023 · 7 min read · Dark mode has thankfully become a fairly standard feature across the web over the past few years. While adding it to a recent webapp I was building, I wanted to create a slick little animated icon for the toggle button. It turned out to be fairly str...
Join discussion