콘텐츠로 건너뛰기
1.5k

모든 웹사이트가 똑같아 보일 필요는 없습니다.

RetroUI는 shadcn/ui 기반으로 다시 그린 네오브루탈리즘 프로젝트입니다. React 컴포넌트 50여 개에 블록과 템플릿까지, 두꺼운 테두리와 선명한 그림자, 대담한 색으로 그렸습니다. 속은 Radix 또는 Base UI. 코드는 여러분의 것입니다.

전체 이용권 받기컴포넌트 둘러보기
애용하는 1,500+ 명의 개발자와 디자이너 새 탭에서 열립니다
튀는 걸 만들어 보세요
이 보드 위의 모든 요소가 실제로 작동하는 RetroUI 컴포넌트입니다. 마음껏 눌러 보세요.
배포하기문서 읽기
다크 모드
신규50+RTL
혼돈 지수
100% 진짜 컴포넌트
  • 컴포넌트 50+
  • Radix & Base UI
  • shadcn CLI 호환
  • 오픈소스
  • 완성된 블록 158개
  • 블록 & 템플릿
  • Figma 키트 포함
  • RTL 지원
  • 다크 모드
  • MCP 서버 지원
  • 언제나 네오브루탈리즘

빠르게 출시하면서도
지루하지 않게

개발자를 위해 세심하게 다듬은 생태계입니다. 믿을 수 있는 토대, 재사용 가능한 부품, 그리고 코드에 대한 완전한 통제권을 제공합니다. 제품이 성장하는 동안에도 인터페이스를 다듬고 지탱할 수 있도록 설계했습니다.

CLI 지원

복사해 붙여넣거나, CLI로

모든 컴포넌트는 이미 쓰고 있는 shadcn CLI로 설치할 수 있습니다. 문서에서 소스를 그대로 복사해도 됩니다. 어느 쪽이든 코드는 여러분의 리포지토리에 들어가, 바로 손볼 수 있습니다.

npx shadcn add @retroui/button
Tailwind v4

구석구석 커스터마이즈

모든 컴포넌트는 여러분의 것이라 자유롭게 바꿀 수 있습니다. Tailwind CSS로 색, 테두리, 그림자, 애니메이션을 브랜드에 맞게 조정하세요.

React + TS

즐겨 쓰는 기술 스택에 녹아듭니다

TypeScript와 Tailwind CSS를 쓰는 React 앱에 매끄럽게 어울립니다. shadcn/ui의 방식을 따르면서도 여러 프레임워크에서 유연하게 동작합니다.

AI · MCP

shadcn에서 쓰는 MCP 서버

AI 에디터를 RetroUI MCP 서버에 연결하면 이름만 말해도 컴포넌트를 추가합니다. 복사·붙여넣기도, 화면 전환도 필요 없습니다.

npx shadcn@latest mcp init

네오브루탈리즘 UI
컴포넌트

Base UI와 Radix UI로 만든, 확장성 있는 shadcn UI 컴포넌트. 랜딩 페이지, SaaS 대시보드, 요즘의 웹 앱에 두루 어울립니다.

아코디언

펼칠 수 있는 콘텐츠 패널.

얼럿

알림 메시지.

아바타

사용자 이미지 자리표시자.

배지

상태를 나타내는 라벨.

브레드크럼

탐색 경로 표시.

버튼

동작을 실행하는 트리거.

스위치

켜기 / 끄기 토글 컨트롤.

캘린더

날짜를 고르는 그리드.

컴포넌트 전체 보기

더 빠르게, 200+ 개의
블록

그대로 프로덕션에 쓰는 섹션. 히어로, 요금표, 기능 그리드까지 제품에 바로 끼워 넣습니다.

회사 소개

회사의 이야기와 미션을 전합니다.

인공지능

AI 기반 채팅 인터페이스와 어시스턴트.

인증

로그인과 회원가입 화면.

벤토 그리드

다양한 콘텐츠 블록을 담은 모던한 그리드 레이아웃.

블로그

글을 보여 줍니다.

콜 투 액션

행동을 이끄는 강력한 CTA.

카드

다양한 콘텐츠에 어울리는 카드 레이아웃.

채용

채용 공고와 커리어 기회를 소개합니다.

블록 전체 보기

완성돼 있고, 자유롭게 바꾸는
템플릿

템플릿 전체
Brutstack — 개발 도구 템플릿 미리보기

Brutstack

개발 도구

개발 도구를 위한 모던한 다크 테마 랜딩 페이지 템플릿. 오픈 소스 프로젝트, SaaS, 클라우드 및 호스팅 제품에 잘 어울립니다.

자세히미리보기
Neoflux — SaaS 템플릿 미리보기

Neoflux

SaaS

마케팅 페이지, 블로그, 인증 페이지를 갖춘 멀티 페이지 SaaS 템플릿. B2C든 B2B든 모든 SaaS 제품에 대응합니다.

자세히미리보기
Brut Studio — 에이전시 템플릿 미리보기

Brut Studio

에이전시

에이전시를 위한 네오브루탈리즘 랜딩 페이지 템플릿. 크리에이티브 에이전시, 디자인 스튜디오, 크리에이터에게 잘 맞습니다.

자세히미리보기

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

커뮤니티가 사랑합니다

뿌리는 오픈소스. 개발자들은 날마다 스타를 누르고, 이야기를 나누고, 이걸로 디자인합니다.

GitHub 스타1.5K+오픈소스 컴포넌트에 스타를 누른 개발자.GitHub에서 스타 주기 새 탭에서 열립니다Discord 멤버750+블록과 테마, 피드백을 주고받는 빌더들.커뮤니티 참여 새 탭에서 열립니다Figma 사용자250+RetroUI Pro 키트로 디자인하는 사람들.키트 받기