Creative Coding for Front-End Developers

Turn your CSS from functional into something truly unforgettable.

Jhey crafts UI demos that explore the web's full creative power — and teaches you how to replicate the magic yourself.

Start building magic See the demos

Trusted by front-end devs at Vercel, Netlify, Shopify & more.

The Story
01

You can ship functional. Now ship memorable.

Most CSS education teaches you properties and rules. It gets you to working code. But there's a gap between “it works” and “it makes people stop scrolling” — and that gap is where Jhey lives.

Jhey Tompkins has spent years building demos that push the browser to places most developers don't think to look. Interactive micro-interactions, physics-driven animations, layouts that break the grid in just the right ways.

Not because they needed to — but because the web is capable of genuine wonder, and too few people are chasing it.

Every demo on this platform is a lesson. Every technique is explainable. The magic isn't smoke and mirrors — it's craft, patience, and knowing exactly which CSS knob to turn.

"The browser is the most underrated creative canvas in the world."
The Craft

Delight is a skill

Whimsy isn't accidental. The interactions that make designers gasp are the result of deliberate, learnable technique. We break down every layer.

CSS is a creative medium

Not a box-sizing utility. Not a grid shorthand. CSS is a system with depth and nuance that rewards experimentation. Explore it that way.

Play is how you learn fastest

Every demo starts as an experiment. The goal isn't just to teach concepts — it's to change how you approach the browser: with curiosity, not caution.

The Work

Demos that make you say “wait, how?”

Each piece is a fully explained, production-quality technique. Not a tutorial screenshot — a working proof that the browser can do this.

CSS
View demo

Animation

Fluid motion with @keyframes

Go beyond basic transitions. Learn how to chain, stagger, and choreograph keyframes so your animations feel alive — not robotic.

:has()
View demo

Selectors

Modern CSS selectors

:has(), :is(), :where() — the new power trio. See what they unlock in real UI patterns.

scroll
View demo

Layout

Scroll-driven animations

No JavaScript required. CSS scroll timelines that would have felt impossible two years ago.

vars
View demo

Variables

Custom properties as state

Use CSS variables to drive complex interactive states without a single line of JS.

grid
View demo

Grid

Grid as a design tool

Layouts that no other framework can produce — because CSS Grid is underestimated.

Community

“I had been writing CSS for 6 years and thought I knew it. Then I saw one of Jhey's demos and realized I had been standing at the entrance the whole time.”

Priya M. Senior UI Engineer, fintech startup

200+

CSS demos published

50k

developers reached

8yrs

of creative coding

Join the movement

Stop shipping fine.
Ship unforgettable.

Get access to every demo, every technique, every breakdown. Join a community of front-end developers who believe the web should be beautiful.

Start my free trial

No credit card required. Cancel anytime.

Trusted by engineers at Vercel • Netlify • Shopify • GitHub • Cloudflare