Built-in Components

Back to Home
  1. Customize Colors

    You can change primary color to any Tailwind CSS colors. See globals.css to change your color.

    50
    100
    200
    300
    400
    500
    600
    700
    800
    900
    950
  2. UnstyledLink

    No style applied, differentiate internal and outside links, give custom cursor for outside links.

  3. PrimaryLink

    Add styling on top of UnstyledLink, giving a primary color to the link.

  4. UnderlineLink

    Add styling on top of UnstyledLink, giving a dotted and animated underline.

  5. ArrowLink

    Useful for indicating navigation, I use this quite a lot, so why not build a component with some whimsy touch?

  6. ButtonLink

    Button styled link with 3 variants.

  7. Button

    Ordinary button with style.

  8. TextButton

    Button with a text style

  9. IconButton

    Button with only icon inside

  10. Custom 404 Page

    Styled 404 page with some animation.

  11. Next Image

    Next Image with default props and skeleton animation

    Icon
  12. Skeleton

    Skeleton with shimmer effect