Chánh Đại
Creating with code. Small details matter.
Overview
Social Links
GitHub Contributions
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 (2k stars), React Wheel Picker (30k+ weekly downloads, ▲Vercel OSS Program), and ZaDark (80k+ downloads, 30k+ users) — peak metrics.
Trusted by top builders on 𝕏
awesome. Love the components, especially slide-to-unlock. Great job
CEO @Vercel
You’re doing amazing work.
Creator of shadcn/ui
Components(30)
Blog(13)
Followed by @shadcn on X
- Published on
Tips for creating beautiful image borders
- Published on
Stack
Experience
- Design and build Pro components/blocks, from Figma to production-ready React.
- Build and maintain the @shadcncraft registry.
- Build and enhance features for the marketing website.
- Build and maintain Storybook documentation.
- Design and build the Upgrade Bundle feature.
- TypeScript
- Next.js
- Tailwind CSS
- shadcn/registry
- Figma
- Polar
- Storybook
- UI/UX Design
- 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(21)
Interface Craft
- Author
- Josh Puckett
- Category
- Course
- Bookmarked on
Interfaces
- Author
- Jakub Krehel
- Category
- Course
- Bookmarked on
Design Engineer Principles
- Author
- Vercel
- Category
- Reference
- Bookmarked on
Making Software
- Author
- Dan Hollick
- Category
- Book
- Bookmarked on
A Clock That Doesn’t Snap
- Author
- Ethan Niser
- Category
- Article
- Bookmarked on
Details that make interfaces feel better
- Author
- Jakub Krehel
- Category
- Article
- Bookmarked on
Sponsors
Grateful to the sponsors who make this open-source work possible.