The Lab Dive into my sandbox of UI/UX experiments, where I tinker with CSS, micro-interactions, and components. From clever designs to quirky, just-for-fun trials, each project is a playful exploration of what's possible, built to learn, practice, and inspire.
Validation Badge Infinite iteration on badges validation. Animating SVGs for the validation effect. Inspired by https://x.com/JohnPhamous/status/1975973281594483088
Gradients Gradient sizes does not matter. Make sure to resize them before using it to save some bytes. Toggle between themes to see it working on two different images.
Glitch Text Effect Library A lightweight, customizable glitch text effect library with zero dependencies. Features multiple trigger types (hover, click, intersection, manual), configurable intensity levels, character sets, visual effects, and full TypeScript support.
OTP input A simple input handler that submits when the user finishes typing. Small UX allows the user to type the code in a more natural way by moving the cursor to the next or previous input field by just typing a value or pressing the backspace/delete key. User is also able to paste the whole code at once as long as the code has the amount of characters equal to the amount of input fields.
Expandable UI card element A simple actionable card element that can be expanded and collapsed. Try pressing the button multiple times to see both the success and failure states.
Horizontal scroll showcase A fancy (and accessible) component using champions' splash art from League of Legends. Inspired by https://x.com/madewithgsap/status/1940757486514102726 All rights reserved to Riot Games.