Jhey ʕ·ᴥ·　ʔ

@jhey.dev

10150 Followers 28 Following

designing interfaces. engineering experiences. many can build it. few can explain it. 💎 playbook waitlist → craftofui.dev 👰‍♀️ @seaotta.dev

jhey's 2025 highlight reel of work and demos
Jhey's 2024 demo reel showcasing different types of demo across 2024
jhey demos a sticky call to action that hides on scroll down and reveals on scroll up
cup with “</> web platform” printed on it
jhey demonstrates an easing customiser for an "add to cart" animation where the item flies from a hover disclosure into a shopping cart icon
Jhey demos a holographic trading card design that reveals his new position as a Staff Design Engineer at Shopify
jhey demos a UI where the user opens a disclosure to reveal a signature pad where the user must draw their signature. they then hold a submit button to confirm their signature which draws their signature back to them with the exact same timing.
demo of using SVG filters for border lighting concept on a window with translucency and backdrop blur
Jhey demos a custom select menu where the dropdown displays options above and below the picker element. The chevron transforms into an arrow to highlight the selected option.
New Macbook Pro box sitting on Jhey's desk
jhey demos a cyberpunk like popover using HTML and CSS
A card element on the CodePen site shows the header of Jhey's CodePen profile. The text on the card reads "Jhey Tompkins, Most Hearted Member. The inimitable master of front-end whimsy, Jhey Tompkins, has the highest total heart count of all CodePen members. An absolute treasure of the web development community, Jhey has been "Bringing ideas to life with code!" on CodePen since 2016.
shiny webcam mirror button demonstration
animated prototype in figma where a robot arm with a spray can appears spraying a black line. then another arm comes in that removes a stencil leaving an overspray and revealing the word "craft."
Jhey demos configurable chromatic aberration on a glass displacement filter effect whilst dragging it over different UI elements.
jhey demos a very rudimentary version of a glass displacement demo using backdrop-filter with a custom SVG filter
polaroid snap of Jhey and Vercelians at company offsite laid on a table
showing an IntersectionObserver observing a small element to trigger the picture in picture state of a video
a demo of a hero video shrinking down in size and being placed in the bottom right of the window on browser scroll. options are then configured to alter the size, amount of scroll required, and to toggle debug hint UI
showcases a demo of holding a button that redraws a drawn signature for a document signing flow
A scroll through of the Substack post detailing how to make a 3D Split Flap display with JavaScript and CSS
jhey demos SVG filter flames in Safari
demo of SVG + CSS flames built with noise filters
Jhey demonstrates hovering over HTML table cells and having the row/column cells highlight up to the hovered cell whilst fading other cells in the table. The table is dark with white text. Highlighted cells turn to a blue-green color.
demo of showing text content flicking between CSS "hyphens: auto" and "hyphens: unset" to show how it visually balances the text in a toast notification
top-down desk shot of Jhey's desk featuring a latte with Jhey's best latter art to date
a holographic parallax card with Jhey's avatar on it. video shows the card responding to pointer movement.
Jhey's desk with a boxed Apple Studio Display sitting on it
Jhey shows a demo of some text that reads "the one who builds.". The cross of the "t" and the dot of the "I" are missing until little crane arms bring them in and attach them.
grayscale image of Jhey's desk setup featuring an ultrawide monitor and sound panels on the wall
Jhey demos a CSS demo of an animated Christmas tree
Jhey's desk with the Figma app open showing a snow-covered Vercel logo. The image is grayscale.
Screenshot of Jhey's muz.li grid for a new browser tab. One of the articles shows a screenshot of one of Jhey's demos where his avatar is used.