Explore my work
A small collection of frontend experiments in animation, interaction and UI patterns.
Each component is built with React, Typescript, Tailwind, Motion and extends shadcn components and Radix primitives.
Multi-state buttons
Two playful buttons that automatically cycle through states. One that triggers a success state and one that triggers a failure state.
Enhanced Multi-Select
A fully integrated multi-select component inspired by FilamentPHP. It combines filtering, chip display, and maximum selection into a single component. Try to select more than 5 options and see how it handles it.
Responsive Wizard with Navigation
A step-by-step form with built-in review and navigation. Click 'Review' to preview your inputs, then click on the contextual tags to jump to any step.
Scheduled Tasks
A collapsible task list showing the status of each task. It includes an expanding Help section. Have a click and see what happens!
We saved you a spot. Feel free to doodle!
Leave Your Mark
A community canvas where users can doodle and leave their unique mark. Great for community engagement or just joyful chaos :)
No Modal, No Problem
A button that opens into a form. No modal required. Comes with a confirmation prompt if the user tries to cancel with unsaved changes.
Tiny Click Adventures
A dropdown menu with a variety of click responses.