Skip to content

Hi, I’m Mizanur Hasan

Full-stack developer · Frontend focused

Turning Ideas Into
Real Products.

I lead frontend engineering for a SaaS CRM and build marketplace features across the UI and API.

Live
components
54
Interactive
previews
Live
Source
included
Code
Hasan at his desk with a sticker-covered laptop
  • Frontend
  • Backend
  • Database
  • DevOps
  • Tools & AI

Tap any tool to see what it’s for, or open the playground.

The collection54

Individually crafted components. Ready to explore.

More
Reduced motion · previews paused

54 components found. Showing 12.

EXPERIMENT 054Live demo
Commerce / 054Latest addition

Clothing Color Customizer.

A clothing color studio with smooth front and back views, garment zoom, instant masked recoloring, and preserved fabric detail.

InteractiveCustomizableAccessible
View component
EXPERIMENT 053Live demo
Carousels / 053

Classic Microcars.

An editorial tour of three classic microcars, with sliding cutouts, condensed typography, and an inset photographic archive.

InteractiveAnimatedCustomizableAccessible
View component
EXPERIMENT 052Live demo
Navigation / 052

Globe Travel Explorer.

A luminous rotating Earth opens China’s destinations, then zooms into a scenic travel hero with a live booking form.

InteractiveAnimatedCustomizableAccessible
View component
EXPERIMENT 051Live demo
Playgrounds / 051

Sapiens Character Builder.

Remix a three-dimensional character with pose, clothing, and illustration-style controls on a coral studio canvas.

InteractiveAnimatedCustomizableAccessible
View component
EXPERIMENT 050Live demo
Commerce / 050

Swift Sneaker Store.

Four sneaker panels expand into a warm, minimal storefront with product details, color choices, sizes, and a working shopping bag.

InteractiveAnimatedCustomizableAccessible
View component
EXPERIMENT 049Live demo
Carousels / 049

Chrome Profile Carousel.

Four personal browser worlds turn in 3D, with portraits, saved places, products, and bookmarks layered over matching colors.

InteractiveAnimatedCustomizableAccessible
View component
EXPERIMENT 048Live demo
Dashboards / 048

Glassy CRM Dashboard.

A dark glass workspace brings store metrics, fulfillment, connected services, customer insights, and financial performance into five coordinated views.

InteractiveAnimatedCustomizableAccessible
View component
EXPERIMENT 047Live demo
Portfolio / 047

Skill Orbit Hero.

Your portrait sits at the center of two slow orbits while skills and highlights circle around it, pausing when visitors look closer.

InteractiveAnimatedAccessible
View component
EXPERIMENT 046Live demo
Portfolio / 046

Code Profile Hero.

A code editor types out a developer profile object while a live card assembles itself beside it, line by line.

InteractiveAnimatedAccessible
View component
EXPERIMENT 045Live demo
Portfolio / 045

ID Badge Hero.

A conference-style ID badge swings on its lanyard beside your introduction; drag it to play and flip it to reveal your skills.

InteractiveAnimatedAccessible
View component
EXPERIMENT 044Live demo
Forms / 044

Lamp Login.

Pull the cord of a cream mushroom lamp to bathe a dark room in warm light and reveal a frosted glass sign-in card with a gold button.

InteractiveAnimatedAccessible
View component
EXPERIMENT 043Live demo
Buttons / 043

Truck Pay Button.

A bright pill folds into a road as a little delivery truck loads up, rolls off with its headlight on, and the button returns with a drawn checkmark.

InteractiveAnimatedAccessible
View component
12 / 54 componentsMore experiments on the way.
The idea behind the lab

Good interfaces live
in the little details.

/ 01

Explore

A growing collection of small ideas, brought to life with thoughtful design.

/ 02

Interact

Real components. Real states. Try every interaction in a live preview.

/ 03

Make it yours

Readable, independent source code. Copy it, adapt it, and build on it.