콘텐츠로 건너뛰기

공지 히어로

히어로 섹션 · Pro 소스

채울 이미지 열이 없는 런칭이나 공지를 위한 가운데 정렬 히어로입니다. 모눈종이 질감이 방사형 마스크로 가장자리를 향해 흐려져 문구가 깔끔한 배경 위에 놓이고, 결정적인 문구는 물결 모양의 브랜드 색 밑줄 아래 이탤릭체로 설정됩니다. 모든 것이 가운데 정렬되고 제한되어 있어, 체인지로그, 런칭 게시물, 또는 하나의 목소리로 쓰인 랜딩 페이지의 첫 섹션으로 동작합니다. 모든 색상은 테마 토큰이라 수정 없이도 라이트와 다크에서 팔레트를 따라갑니다.

실시간 미리보기 열기Neobrutalism Pro 획득
히어로 섹션
Neobrutalist announcement hero section for React and Tailwind CSS: a black Breaking news badge with a megaphone icon, the centred headline Boring websites are now banned with the second line in italics under a yellow wavy underline, a supporting paragraph, and Get started and Read the changelog buttons over a faded graph-paper grid.
공지 히어로
  • Hero, 가격 & 인증
  • 모든 중단점을 미리 보기
  • 소스 복사하기
  • MCP 설치 준비 완료
  • Radix · Base UI · React Aria
  • 158 기성 블록
  • 제공되는 페이지 섹션
  • 대시보드 및 마케팅
  • Pro 암호를 해제합니다
  • 드롭인 레이아웃
미리보기무료전체 화면으로 열고 중단점 또는 테마를 전환합니다.코드Pro자체 포함된 하나의 TSX 파일입니다. 복사하여 소유하세요.설치Proshadcn CLI 명령 한 줄, 또는 Claude Code·Cursor 등 MCP 클라이언트용 에이전트 프롬프트.

함께 구성됨

lucide-react 아이콘 및 Tailwind CSS 포함 — 다른 런타임 종속성 없음.

더 많은 히어로 섹션 레이아웃 (7)

전체 보기

https://neobrutalism.com/ko/blocks/hero-sections/centred-announcement-hero-with-grid-backdrop

사랑합니다. 개발자도, 디자이너도,
크리에이터도.

  • 우연히 UI 키트를 발견하고 바로 받았어요. 새 프로젝트인데도 활발히 관리되고 계속 개선돼서 감탄했습니다. 정말 대단해요 🤘

    Ziv Reich, 소프트웨어 개발자

  • neobrutalism.com 정말 잘 만들었다고 말하고 싶었어요. 너무 마음에 듭니다. 제가 디자인에 약한데 덕분에 큰 도움이 됐고, 개인 사이트에 바로 써봤어요.

    Paul Bratslavsky, Coding With Paul 운영자

  • 드디어 Neobrutalism.com으로 개인 웹사이트를 새로 만들었어요. 재미있는 라이브러리고 시작하기도 쉬워요!

    Cameron Blackwood, 콘텐츠 크리에이터

  • Neobrutalism.com은 제가 제일 좋아하는 레트로 감성 UI 컴포넌트 라이브러리 중 하나예요. 정말 ship 할 수 있는 컴포넌트.

    Zhengyang Hou, 인디 해커

  • 웹에서 제일 좋아하는 UI 라이브러리 중 하나예요. 정말 잘했어요. 앞으로 더 크게 되길 바랍니다.

    Taseen Tanvir, 창업자 & 디자이너

  • Neobrutalism.com Pro를 써봤는데, 다른 것과 안 닮은 UI 키트라 신선했어요. 네오브루탈리즘 블록 🔥 덕분에 재미있는 레이아웃 프로토타입이 훨씬 빨랐어요.

    Nitesh Padghan, 고스트라이터

  • 균형과 흐름이 완벽한 아름다운 랜딩 페이지 디자인입니다. 컬러 팔레트와 애니메이션이 결합되어 뛰어난 사용자 경험을 만듭니다.

    Alan Obeng-Peprah, Senior Designer @ NativeXAI

  • 그들이 전달한 디자인에 정말 감명받았습니다. 최종 결과물이 제가 상상했던 것과 정확히 일치했습니다.

    Desmond, 공동 창업자 @ VectorlabsVentures

  • 에이전시 운영자로서 보통 클라이언트 랜딩 레이아웃을 다듬는 데 몇 주를 씁니다. Neobrutalism.com에서는 템플릿을 끼워 넣고 카피만 다듬으면 바로 출시할 수 있습니다.

    Duke Opoku Amankwah, 창업자 @ Midas

  • 템플릿이 시각적으로만 뛰어난 게 아니라 구조도 매우 잘 잡혀 있습니다. 개발 시간을 몇 주나 아껴 줬습니다.

    Abiola Braimah, 개발자 @ Studio IX

  • 뛰어난 품질과 디테일. 반응형 디자인이 모든 기기에서 완벽하게 동작합니다.

    Acromond X., 공동 창업자 @ VectorlabsVentures

  • 이 템플릿을 워크플로에 통합하니 개발 주기가 크게 줄었습니다. 훌륭한 작업입니다.

    Raquib S., 백엔드 개발자

  • 이 템플릿은 우리의 기본 리소스가 되었습니다. 코드가 깔끔하고 문서화가 잘 되어 있으며 커스터마이즈도 쉽습니다.

    Hallic M., 개발자 @ AtlasLabs

  • Neobrutalism.com 템플릿은 미학과 기능 사이의 완벽한 균형을 잡습니다. 우리 프로젝트에 진정한 게임 체인저입니다.

    Ibrahim S., Frontend Lead @ ScaleUp

  • 뛰어난 지원과 프리미엄 품질 템플릿. 이 템플릿의 ROI는 놀랍습니다.

    Kevin K., CEO @ WebCraft

  • Neobrutalism.com 템플릿은 새 클라이언트 프로젝트를 접근하는 방식을 완전히 바꿨습니다. 코드 품질이 뛰어나고 디자인도 정말 월드클래스입니다.

    Danny G., DevStack 창업자

  • 많은 템플릿 라이브러리를 써 봤지만, Neobrutalism.com은 성능 최적화와 깔끔한 코드 아키텍처에 대한 관심으로 돋보입니다.

    Ian D., Wavelength CTO

  • 이 템플릿의 애니메이션과 마이크로 인터랙션은 정말 인상적입니다. 디자인 팀을 위한 최고의 투자입니다.

    Ben S., PixelPerfect 리드 디자이너

  • 비기술 창업자로서 Neobrutalism.com 템플릿 덕분에 디자인 품질을 포기하지 않고 MVP를 기록적인 시간에 출시할 수 있었습니다. 투자자들도 감탄했습니다.

    Matthew I., 스타트업 창업자

  • 이 컴포넌트가 얼마나 모듈화되어 있고 문서화가 잘 되어 있는지 마음에 듭니다. 서로 다른 템플릿 조각을 매끄럽게 섞을 수 있었습니다.

    Garrett P., TechFusion 프론트엔드 리드

  • Neobrutalism.com 템플릿의 ROI는 놀랍습니다. 개발 시간을 크게 줄이면서도 더 높은 품질의 사이트를 고객에게 전달하고 있습니다.

    Xavier C., 에이전시 대표

자주 묻는
질문

공지 히어로 블록 구성 방식, 변경할 수 있는 내용, 다른 레이아웃 대신 사용할 시기.

접근 차단 문제인가요? 이메일[email protected]
Get Pro — Save 33%--:--:--