My Blog about CSS, JS, Canvas and WebGL

In plain words

Varun Vachhar's blog documents creative coding experiments using web technologies including CSS, JavaScript, Canvas, and WebGL. Aimed at front-end developers interested in animation and interactive design, the blog explores minimalist geometry, dynamic color systems, and motion through code. The author draws from professional experience in UI engineering, component-driven development, and developer experience at companies like Rangle.io and Chromatic.

written from the facts on this page · September 2026

From the sources

I am a developer with a strong focus on design, interactivity and animation. Originally from New Delhi, I currently live in Toronto and am the Director, UI Architecture at Rangle.io. In my spare time, I like to experiment with creative coding, making triangles and other playful experiences for the web.

I began my career as a front-end developer, specializing in UI engineering, CSS, and animation. My experience with component-driven development and design systems led me to Developer Experience. Currently, I'm part of the DX team at Chromatic and contribute to Storybook . As an artist, I combine minimalist geometry with dynamic color systems and looping motion. Using web technologies—Canvas, SVG, WebGL & Shaders—I explore the interplay of structure and fluidity through code. Originally from New Delhi and now based in Toronto, I write about creative coding from a front-end developer'sfrom varun.ca

• 
  Once UI 1.5Dec 2025 · once-ui.com · ▲299

  When I started my career and built my first design system, I was beyond excited. It took a lot of iterations, learning and 6 months of work to launch it internally. In the next job, I did it again, then at the following job, again… And no matter which company I worked for, 80% of the design system was the same. I’ve decided to work full-time on the design system I’ve always wanted, and today I’m launching and open-sourcing it. You can use it to build Next.js apps faster, and I’ve designed it in a way that it’s hard to go wrong with it: you can choose any settings, and you’ll end up with a…

• 
  Minimal 3D creative coding tool – control 8×8×8 dots with JavaScript2021 · doersino.github.io · ▲206

  A minimalist three-dimensional coding environment. Control 8x8x8 dots with a single JavaScript function.

• 
  A JavaScript library for data visualization in both SVG and Canvas2024 · github.com · ▲161

  Here's a project I've been working on for a little while now. Ripl is a JS library that provides a unified API for rendering shapes on both canvas and SVG interchangeably. Over the years I've used D3 extensively to create data visualisations so I figured I'd have a go at making my own version with a slightly more modern API and stricter TypeScript support. I am aware there are already libraries that can draw to multiple contexts interchangeably, but I've added a few little niceties to Ripl that (as far as I know) some other libraries don't have such as CSS-like query selectors, DOM-like…

• 
  Vaev – A browser engine built from scratch (It renders google.com)2025 · github.com · ▲233

  We’ve been working on Vaev, a minimal web browser engine built from scratch. It supports HTML/XHTML, the CSS cascade, @page rules for pagination, and print-to-PDF rendering. It even handles calc(), var(), and percentage units—and yes, it renders Google.com (mostly). This is an experimental project focused on learning and exploration. Networking is basic (http:// and file:// only), and grid layouts aren’t supported yet, but we’re making progress fast. We’d love your thoughts and feedback.

• WM
  WebGL Minecraft-like scripting environment for teaching programming2016 · webblocks.uk · ▲66
• 
  A creative coding library for making art with desktop windowsJan 2026 · github.com · ▲37

  A minimal Python library for live coding visual scenes using desktop windows. - willmeyers/window-art

• 
  /dev/null▲490

  a social network for devs

  Dev tools · 4d ago · dev-null.sh

• 
  Run full iOS 16.5 firmware on Android Devices▲439

  Contribute to oosexgang/hackios-xnu-kernel development by creating an account on GitHub.

  Dev tools · 19h ago · github.com

• 
  Whiteboard (YC W26) – an open-source IDE for thoughtful software design▲423

  open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.

  Dev tools · 29d ago · github.com

• 
  Reladraw – A diagram language where you decide where to place things▲411

  Contribute to reladraw/reladraw development by creating an account on GitHub.

  Dev tools · 27d ago · github.com

• 
  OpenBot▲362

  Grok Bot alternative: free, local, open-source, multiplayer

  Dev tools · 24d ago · openbot.run

• 
  Talanoa▲346

  Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…

  Dev tools · 22d ago · talanoa.email

• 
  Apple Watch▲616

  The most personal device Apple has ever created

  Life & fun · 2014 · apple.com

• 
  Zero To One▲615

  Peter Thiel's new book on Startups

  Life & fun · 2014 · amazon.sg

• 
  ReadMe▲601

  Beautiful Documentation Made Easy

  Life & fun · 2014 · readme.com

• 
  Forest▲533

  Put down your phone and stay focused. Or a tree will die. 🌳😵

  Life & fun · 2014 · forestapp.cc

• 
  Spectacle▲458

  Move and resize windows with ease on Mac.

  Life & fun · 2014 · spectacleapp.com

• 
  iPhone 6▲397

  Bigger, better iPhone

  Life & fun · 2014 · apple.com