HomeAboutCodes

IntroductionCSS FlexboxCSS Grid Layout

AccordionAspect RatioBadgeBreadcrumbButtonCarouselCheckboxDate PickerDialogDrawerFormHover CardPaginationPopoverSheetSkeletonSonnerSwitchTableTooltip

Background FireworksBackground HexagonBackground HoleBackground StartElement SpringLoadingProgress ScrollText HighlightText RollingText ShimmeringText SplittingText Typing

Sortable

useClickOutsideuseCopyToClipboarduseDebounceuseFetchuseIsClientuseLocalStorageuseMediaQueryusePrevioususeToggleuseUnmount

This is a portfolio repo that belongs to a monorepo I built myself.

It includes:

  • Components from shadcn and other components cloned/customized from various open-source projects.
  • Tricks and best practices gathered during learning and development.
  • A collection of useful custom hooks and utilities.
  • Notes and practical examples that can be applied to other projects.

The goal of this repo is to serve both as my personal portfolio and as a reusable set of components and tools for future projects.

This project is built with SSG (Static Site Generation) and includes a sitemap to help Google Bot easily crawl the content and improve SEO.

Github:  https://github.com/qtuan02/monorepo

CSS Flexbox