Fig.01
Chánh Đại
Creating with code. Small details matter.
Overview
Social Links
Hello
- I’m Chánh Đại (call me Dai) — a Design Engineer with 5+ years of experience, known for pixel-perfect execution and an obsessive attention to detail.
- Passionate about exploring new technologies and turning ideas into reality through polished, thoughtfully crafted projects.
- Creator of chanhdai.com (1.9k stars), React Wheel Picker (24k+ weekly downloads, ▲Vercel OSS Program), and ZaDark (80k+ downloads, 30k+ users) — peak metrics.
Testimonials
awesome. Love the components, especially slide-to-unlock. Great job
CEO @Vercel
You’re doing amazing work.
Creator of shadcn/ui
GitHub Contributions
Stack
Components(30)
Blog(43)

Followed by @shadcn on X
- Published on

Chevrons Up Down IconNew
- Published on

Mobius Loop IconNew
- Published on

Spinning Circular TextNew
- Published on

Dot Grid SpotlightNew
- Published on
Sponsors
Grateful to the sponsors who make this open-source work possible.
Experience
- Work on the registry and React component library.
- Design and build Pro application components and blocks, from Figma to production-ready React.
- TypeScript
- Next.js
- Tailwind CSS
- shadcn/registry
- Figma
- Next.js
- Strapi
- Auth0
- VNPAY-QR
- Docker
- NGINX
- Google Cloud
- Docusaurus
- Extension
- UI/UX Design
- UX Writing
- Design System
- Brand Design
- Figma
- Research
- Business Ownership
- Business Law
- Business Tax
Simplamo
- TypeScript
- Next.js
- React Native
- MobX
- MobX-State-Tree
- Tailwind CSS
- Dify
- Zalo Mini App
- Agile
- Teamwork
- Research
- Problem-solving
- Creativity
- UI/UX Design
- Figma
Projects(12)
iOS-like wheel picker for React with smooth inertia scrolling and infinite loop support. / Backed by ▲Vercel OSS Program
- Natural touch scrolling with smooth inertia, mouse drag and scroll for desktop
- Infinite loop scrolling
- Unstyled core for complete style customization
- Full keyboard navigation and type-ahead search
- Open Source
- React
- TypeScript
- Monorepo
- Turborepo
- pnpm-workspace
- Package Publishing
- NPM Registry
- GitHub Actions
Awards(26)
Certifications(21)
Certificate of Trademark Registration No. 594593
- Issued by
- Intellectual Property Office of Viet Nam
- Issued on
Gemini Certified Educator
- Issued by
- Google for Education
- Issued on
Certificate of Trademark Registration No. 584461
- Issued by
- Intellectual Property Office of Viet Nam
- Issued on
Animations on the Web
- Issued by
- animations.dev
- Issued on
Certificate of Trademark Registration No. 565092
- Issued by
- Intellectual Property Office of Viet Nam
- Issued on
Certificate of Trademark Registration No. 543682
- Issued by
- Intellectual Property Office of Viet Nam
- Issued on
Bookmarks(18)
Making Software
- Author
- Dan Hollick
- Bookmarked on
A Clock That Doesn’t Snap
- Author
- Ethan Niser
- Bookmarked on
Details that make interfaces feel better
- Author
- Jakub Krehel
- Bookmarked on
Component Architecture for React Server Components
- Author
- Aurora Scharff
- Bookmarked on
Agents with Taste
- Author
- Emil Kowalski
- Bookmarked on
Devouring Details
- Author
- Rauno
- Bookmarked on
