Chánh Đại

# chanhdai.com > A pixel-perfect dev portfolio and shadcn registry showcasing my work as a Design Engineer. - [About](https://chanhdai.com/about.md): A quick intro to me, my tech stack, and how to connect. - [Experience](https://chanhdai.com/experience.md): Highlights from my career and key roles I've taken on. - [Education](https://chanhdai.com/education.md): Where I studied, what I focused on, and what I built along the way. - [Projects](https://chanhdai.com/projects.md): Selected projects that show my skills and creativity. - [Awards](https://chanhdai.com/awards.md): My key awards and honors. - [Certifications](https://chanhdai.com/certifications.md): Certifications and credentials I've earned. - [Components](https://chanhdai.com/components.md): Every registry component, with install instructions. - [Blocks](https://chanhdai.com/blocks.md): Every registry block, grouped by category, with install instructions. - [Blog](https://chanhdai.com/blog.md): Every blog post, newest first, with publish dates. - [Bookmarks](https://chanhdai.com/bookmarks.md): Articles, courses, books, references, and tools I recommend. ## Components - [Timescale](https://chanhdai.com/components/timescale.mdx): Ruler-style timeline for plotting milestones along a horizontal or vertical axis. - [Spotlight Logo](https://chanhdai.com/components/spotlight-logo.mdx): SVG logo with a cursor-tracking gradient highlight and tactile press. - [Line Nav](https://chanhdai.com/components/line-nav.mdx): Vertical navigation with a line marker that expands on hover and active state. - [Share Menu](https://chanhdai.com/components/share-menu.mdx): Share menu to copy a link or post to X, LinkedIn, and the native share sheet. - [Testimonial 2](https://chanhdai.com/components/testimonial-2.mdx): Display a testimonial quote with author attribution and source link. - [Logos Carousel](https://chanhdai.com/components/logos-carousel.mdx): Cycle through logos column by column in a staggered wave. - [Chevrons Up Down Icon](https://chanhdai.com/components/chevrons-up-down-icon.mdx): Animated chevrons icon that morphs between up and down directions. - [Mobius Loop Icon](https://chanhdai.com/components/mobius-loop-icon.mdx): Animated Mobius loop icon that morphs between circles and infinity shape. - [Spinning Circular Text](https://chanhdai.com/components/spinning-circular-text.mdx): Text arranged in a circle with a continuous spinning animation. - [Dot Grid Spotlight](https://chanhdai.com/components/dot-grid-spotlight.mdx): Interactive dot grid with a cursor-tracking spotlight effect. - [Icon Swap](https://chanhdai.com/components/icon-swap.mdx): Animate icon swaps with scale, blur, and fade transitions. - [Brand Assets Menu](https://chanhdai.com/components/brand-assets-menu.mdx): Context menu for copying brand SVGs and opening asset links. - [Fluid Gradient Text](https://chanhdai.com/components/fluid-gradient-text.mdx): Render text with a fluid gradient that shifts with pointer movement. - [TOC Minimap](https://chanhdai.com/components/toc-minimap.mdx): Navigate page sections with a compact, hoverable TOC minimap. - [Elastic Slider](https://chanhdai.com/components/elastic-slider.mdx): Slider with elastic rubber-band drag and magnetic snap feedback. - [GitHub Contributions](https://chanhdai.com/components/github-contributions.mdx): Visualize year-long GitHub contribution activity with daily counts, tooltips, and a profile link. - [Theme Toggle Effect](https://chanhdai.com/components/theme-toggle-effect.mdx): Animated transitions when switching between light and dark themes. - [Twemoji](https://chanhdai.com/components/twemoji.mdx): Render Unicode emoji as Twemoji SVG images inline with text. - [Middle Truncation](https://chanhdai.com/components/middle-truncation.mdx): Truncate text in the middle while preserving start and end. - [Glow Card Grid](https://chanhdai.com/components/glow-card-grid.mdx): Display cards with glowing border and background effects. - [Testimonial Spotlight](h […gekürzt]