🌦️ κ±°κΈ° 날씨 μ–΄λ•Œμš”?
πŸ”‡ μŒμ†Œκ±° μƒνƒœ μž…λ‹ˆλ‹€. λ³Όλ₯¨μ„ λ†’μ—¬μ£Όμ„Έμš”~

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.

    Check list of colors
    50
    100
    200
    300
    400
    500
    600
    700
    800
    900
  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. Custom 404 Page

    Styled 404 page with some animation.

  9. Next Image

    Next Image with default props and skeleton animation

    Icon
  10. Skeleton

    Skeleton with shimmer effect

  11. SVG & PNG

    Rendering Quality about SVG & PNG

    <BreezDark className=' text-9xl' />
    logo
    <NextImage className='min-w-min' src='/logo/BREEZ-dark.svg' width='100' height='28' alt='logo' />
    logo
    <NextImage className='min-w-min' src={BreezDarkPng} width='100' height='30' alt='logo' />
    logo
    <NextImage className='min-w-min' src='/logo/BREEZ-dark.png' width='100' height='30' alt='logo' />
  12. Feed component

    ν”Όλ“œ 잘 λ‚˜μ˜€λŠ”μ§€ λ΄…μ‹œλ‹€.

    avatar
    writerName
    2022.11.07 15:32
    μ΄λŸ°μ €λŸ° 말듀이 잘 λ‚˜μ˜€λŠ”μ§€ 확인을 ν•˜λŠ” μ€‘μž…λ‹ˆλ‹€.
    μ΄λ ‡κ²Œ μ€„λ°”κΏˆλ„ 잘 λ˜λŠ”μ§€λ„ 체크해 λ΄μ•Όκ² μ§€μš”.
    avatar
    writerName
    2022.11.07 15:32
    μ‚­μ œλœ ν”Όλ“œ μž…λ‹ˆλ‹€.
  13. Profile

    ν”„λ‘œν•„ 잘 λ‚˜μ˜€λŠ”μ§€ 체크

  14. BREEZ
배경이미지 λΆˆλŸ¬μ˜€λŠ” 쀑...