Jhey Tompkins
Staff Design Engineer at jh3y
United Kingdom
Summary
🤩
Rockstar🎓
Top SchoolJhey Tompkins is a Staff Design Engineer with 15 years of experience crafting interfaces that feel right and withstand real-world use, now working at Shopify after senior design and developer-experience roles at Vercel and Google. He blends pixel-level UI craftsmanship with developer-facing systems, contributing to well-known open-source projects like Base Web and web.dev and shipping accessible, testable components such as react-range. A prolific front-end specialist, he has built polished UI patterns and animations (see his whirl CSS loader collection) and improved documentation, SEO, and accessibility across design systems. Jhey also runs his own consultancy and creator studio, turning ideas into implementable UI solutions for teams and products. With degrees in Computer Science and Financial Systems Engineering from King’s and UCL, he pairs practical engineering instincts with a strong sense for design and developer workflows. Colleagues know him for thoughtful UX details and a knack for making complex interactions feel effortless.
14 years of coding experience
13 years of employment as a software developer
Bachelor of Science - BS Computer Science, Bachelor of Science - BS Computer Science at King's College LondonUniversity College London
Stackoverflow
1,377reputation
183kreached
70answers
0questions
Github Skills (44)
javascript10
react-components10
animation10
storybook10
css10
typescript10
nextjs10
ranges10
webpages10
system-design10
sc10
react-component10
draggable10
system10
component-kit10
Programming languages (17)
Github contributions (5)
jh3y/whirl
Feb 2014 - Oct 2019
CSS loading animations with minimal effort!
Role in this project:
Front-end Developer
Front-end DeveloperContributions:3 releases, 1 review, 44 commits in 5 years 8 months
Contributions summary:Jhey primarily contributed to the styling and visual presentation of the project. They added and refined various CSS loading animations, including the implementation of different spinner styles such as "blade", "ringed", "helicopter" and others. The commits demonstrate the user's focus on UI development, implementing, and modifying CSS and LESS/SCSS files, along with corresponding HTML/Jade changes to showcase the implemented styles. These commits highlight the user's direct involvement in enhancing the visual aspects of the project.
loading-screenloading-indicatorpseudo-elementscssspinners
tajo/react-range
Jun 2019 - Jul 2019
🎚️Range input with a slider. Accessible. Bring your own styles and markup.
Role in this project:Front-end Developer
Front-end DeveloperContributions:9 commits, 8 PRs, 9 comments in 1 month
Contributions summary:Jhey primarily focused on enhancing the UI/UX of a React range input component. Their work included adding a new component with multiple thumbs and implementing features like overlapping thumbs, adding a merging labels to the thumbs and improving the label display. They also improved the accessibility and testability of the component by adding e2e tests and updating storybook stories.
reactaccessible-sliderrange-inputaccessibleslider
Find and Hire Top DevelopersWe’ve analyzed the programming source code of over 60 million software developers on GitHub and scored them by 50,000 skills. Sign-up on Prog,AI to search for software developers.