neobrutalism
A NeoBrutalism styled React + TailwindCSS UI library for building bold, modern web apps.
파일 탐색기
최종 버전 다운로드 (.zip)- deploy.yml
- FUNDING.yml
- settings.json
- metadata.sqlite
- metadata.sqlite-shm
- metadata.sqlite-wal
- page.tsx
- BlockCategoryClient.tsx
- page.tsx
- page.tsx
- page.tsx
- page.tsx
- page.tsx
- page.tsx
- layout.tsx
- page.tsx
- page.tsx
- page.tsx
- page.tsx
- layout.tsx
- layout.tsx
- page.tsx
- layout.tsx
- page.tsx
- page.tsx
- page.tsx
- page.tsx
- page.tsx
- page.tsx
- page.tsx
- page.tsx
- page.tsx
- layout.tsx
- page.tsx
- page.tsx
- layout.tsx
- auth.ts
- newsletter.ts
- route.ts
- favicon.ico
- global.css
- layout.tsx
- robots.ts
- sitemap.ts
- accordion.tsx
- accordion.tsx
- AreaChart.tsx
- BarChart.tsx
- LineChart.tsx
- PieChart.tsx
- AreaChart.tsx
- BarChart.tsx
- LineChart.tsx
- PieChart.tsx
- Accordion.tsx
- Alert.tsx
- Avatar.tsx
- Badge.tsx
- Breadcrumb.tsx
- Button.tsx
- Calendar.tsx
- Card.tsx
- Carousel.tsx
- Checkbox.tsx
- Command.tsx
- CommandDisplay.tsx
- ContextMenu.tsx
- Dialog.tsx
- Drawer.tsx
- Empty.tsx
- Field.tsx
- IconButton.tsx
- index.ts
- Input.tsx
- Label.tsx
- Loader.tsx
- Menu.tsx
- Popover.tsx
- Progress.tsx
- Radio.tsx
- Select.tsx
- Slider.tsx
- Sonner.tsx
- Switch.tsx
- Tab.tsx
- Table.tsx
- TableOfContents.tsx
- Text.tsx
- Textarea.tsx
- Toggle.tsx
- ToggleGroup.tsx
- Tooltip.tsx
- dropdown-menu.tsx
- navigation-menu.tsx
- AppLayout.tsx
- BlocksParallax.tsx
- CodeBlock.tsx
- ComponentInstall.tsx
- ComponentShowcase.tsx
- ComponentSource.tsx
- CopyPageButton.tsx
- CopyTheme.tsx
- DownloadButton.tsx
- footer.tsx
- HamburgerMenu.tsx
- index.ts
- JoinNewsletter.tsx
- MDX.tsx
- ProfileSettings.tsx
- RichTextCodeBlock.tsx
- RichTextConverter.tsx
- SideNav.tsx
- StatsSection.tsx
- TableOfContents.tsx
- Testimonial.tsx
- TestimonialsSection.tsx
- ThemeWrapper.tsx
- TopNav.tsx
- UserMenu.tsx
- WorksWithSection.tsx
- blocks.ts
- components.ts
- data.ts
- index.ts
- navigation.ts
- templates.ts
- theme.ts
- 12-neobrutal-websites.mdx
- 14-best-fonts-neobrutalism-design.mdx
- 20-neobrutalism-color-palettes.mdx
- build-neobrutalism-website-tailwind-v4.mdx
- convert-react-to-neobrutalism-10-minutes.mdx
- how-to-make-your-website-unique.mdx
- neobrutalism-alt.mdx
- neobrutalism-vs-brutalism-7-key-differences.mdx
- neobrutalism-vs-minimalism-when-to-use.mdx
- retroui-2-launch.mdx
- retroui-with-payload-cms.mdx
- top-10-nextjs-ui-library.mdx
- top-10-tanstack-ui-library.mdx
- top-5-react-ui-library.mdx
- top-8-free-icon-libraries.mdx
- top-8-react-animation-libraries.mdx
- why-neobrutalism-is-perfect-for-modern-websites.mdx
- area-chart.mdx
- bar-chart.mdx
- line-chart.mdx
- pie-chart.mdx
- accordion.mdx
- alert.mdx
- avatar.mdx
- badge.mdx
- breadcrumb.mdx
- button.mdx
- calendar.mdx
- card.mdx
- carousel.mdx
- checkbox.mdx
- command.mdx
- context-menu.mdx
- dialog.mdx
- drawer.mdx
- empty.mdx
- input.mdx
- label.mdx
- loader.mdx
- menu.mdx
- popover.mdx
- progress.mdx
- radio.mdx
- select.mdx
- slider.mdx
- sonner.mdx
- switch.mdx
- tab.mdx
- table.mdx
- text.mdx
- textarea.mdx
- toc.mdx
- toggle-group.mdx
- toggle.mdx
- tooltip.mdx
- index.mdx
- nextjs.mdx
- vite.mdx
- cn.mdx
- changelog.mdx
- index.mdx
- mcp.mdx
- AuthContext.tsx
- LibraryContext.tsx
- ThemeContext.tsx
- use-controlled-state.tsx
- api-client.ts
- auth.ts
- get-strict-context.tsx
- payload.ts
- pricing.ts
- registry.ts
- toc.ts
- utils.ts
- course-card.tsx
- sign-in.tsx
- team-members.tsx
- area-chart-style-default.tsx
- area-chart-style-minimal.tsx
- area-chart-style-multiple.tsx
- area-chart-style-stacked.tsx
- bar-chart-style-default.tsx
- bar-chart-style-grouped.tsx
- bar-chart-style-horizontal.tsx
- bar-chart-style-multiple.tsx
- bar-chart-style-stacked.tsx
- line-chart-style-curved.tsx
- line-chart-style-default.tsx
- line-chart-style-dots.tsx
- line-chart-style-multiple.tsx
- pie-chart-style-default.tsx
- pie-chart-style-donut.tsx
- pie-chart-style-small.tsx
- accordion-style-default.tsx
- alert-style-all-status.tsx
- alert-style-default.tsx
- alert-style-solid.tsx
- alert-style-with-icon.tsx
- avatar-style-circle-fallbacks.tsx
- avatar-style-circle-sizes.tsx
- avatar-style-circle.tsx
- badge-style-default.tsx
- badge-style-rounded.tsx
- badge-style-sizes.tsx
- badge-style-variants.tsx
- breadcrumb-custom-separator.tsx
- breadcrumb-link-component.tsx
- breadcrumb-style-collapsed.tsx
- breadcrumb-style-default.tsx
- button-style-default.tsx
- button-style-icon.tsx
- button-style-link.tsx
- button-style-outline.tsx
- button-style-secondary.tsx
- button-style-with-icon.tsx
- calendar-style-default.tsx
- card-style-commerce.tsx
- card-style-default.tsx
- card-style-testimonial.tsx
- carousel-style-default.tsx
- carousel-style-sizes.tsx
- carousel-style-vertical.tsx
- checkbox-style-default.tsx
- checkbox-style-sizes.tsx
- checkbox-style-variants.tsx
- command-style-default.tsx
- command-style-dialog.tsx
- context-menu-style-default.tsx
- dialog-style-default.tsx
- dialog-style-width-variant.tsx
- dialog-style-with-footer.tsx
- dialog-style-with-form.tsx
- drawer-style-default.tsx
- drawer-style-right-direction.tsx
- empty-style-custom-everything.tsx
- empty-style-custom-icon.tsx
- empty-style-default.tsx
- empty-style-table.tsx
- input-style-default.tsx
- input-style-error.tsx
- input-style-with-label.tsx
- label-style-default.tsx
- label.tsx
- loader-style-custom.tsx
- loader-style-default.tsx
- loader-style-outline.tsx
- loader-style-sizes.tsx
- loader-style-solid.tsx
- menu-style-default.tsx
- popover-style-default-shadow.tsx
- popover-style-default.tsx
- progress-style-default.tsx
- radio-style-default.tsx
- radio-style-sizes.tsx
- radio-style-variants.tsx
- retro-player.tsx
- select-style-default.tsx
- slider-style-default.tsx
- sonner-style-colored-status.tsx
- sonner-style-default.tsx
- sonner-style-error.tsx
- sonner-style-status.tsx
- switch-style-default.tsx
- switch-style-disabled.tsx
- tab-style-default.tsx
- table-style-default.tsx
- table-with-checkbox.tsx
- table-with-sticky-header.tsx
- text-headings.tsx
- textarea-style-default.tsx
- toc-style-default.tsx
- toc-style-depth.tsx
- toc-style-manual.tsx
- toggle-group-style-default.tsx
- toggle-group-style-outline-muted.tsx
- toggle-group-style-outlined.tsx
- toggle-group-style-solid.tsx
- toggle-style-default.tsx
- toggle-style-outline-muted.tsx
- toggle-style-outlined.tsx
- toggle-style-solid.tsx
- tooltip-style-default.tsx
- tooltip-style-primary.tsx
- tooltip-style-solid.tsx
- typography-p.tsx
- bg-triangle-pattern.svg
- blocks.svg
- clipboard.png
- color-pick.svg
- compas.svg
- cursor.svg
- customize.svg
- discord.svg
- eye.svg
- footer_flower.png
- github.svg
- green-pointy-thing.svg
- heart.svg
- lego.svg
- paint_brush.svg
- pay.svg
- pen-drawing.svg
- pen.svg
- pen_design.svg
- pencil.svg
- question.svg
- react_blue.svg
- retroui_mcp.png
- techstack-hex.svg
- ts.svg
- using-figma.svg
- block-1.png
- block-2.png
- block-3.png
- block-4.png
- block-5.png
- block-6.png
- block-7.png
- block-8.png
- Curry Cafe.jpg
- design-thinkers.jpg
- feastable.jpg
- FPL Radar.jpg
- GT maru.jpg
- gumroad.jpg
- kristi digital.jpg
- lydiaamaruch.jpeg
- retroui.jpg
- rewind.jpg
- Roze Bunker.jpg
- studiojob.jpg
- cover.png
- neobrutalism-dev.png
- retroui_site.png
- cover.png
- retroui_components.png
- retroui_figma_community.png
- retroui_github.png
- retroui_pro.png
- accordion.svg
- alert.svg
- avatar.svg
- badge.svg
- breadcrumb.svg
- button.svg
- calendar.svg
- card.png
- carousel.svg
- checkbox.svg
- command.svg
- context-menu.svg
- dialog.svg
- drawer.svg
- empty.svg
- input.svg
- label.svg
- loader.svg
- menu.svg
- popover.svg
- progress.png
- progress.svg
- radio.svg
- select.svg
- slider.png
- slider.svg
- sonner.svg
- switch.svg
- tab.svg
- table-of-contents.svg
- table.svg
- text.svg
- textarea.svg
- toggle-group.svg
- toggle.svg
- tooltip.svg
- components.png
- tailwind_classes.png
- theme.png
- figma.svg
- react.svg
- astro.png
- astro_white.png
- chatgpt.png
- claude.svg
- dribble.svg
- figma.svg
- gatsby.png
- gatsby_white.png
- lucide.png
- next_white.png
- nextjs.png
- nextjs.svg
- react.svg
- remix.png
- remix_white.png
- tailwind.svg
- vite.png
- vite_white.png
- commercn.png
- evendeals.png
- tssk.png
- avatar.jpeg
- banner.png
- banner_void.png
- banner_void.svg
- banner_void_1.svg
- banner_void_2.svg
- bg_void_3.png
- code_show.svg
- components_void.svg
- figma-banner.png
- gameboy.jpg
- gumroad_product_card.png
- logo.png
- logo_full.png
- orange_boos.png
- our_product_card.png
- pro_showcase.svg
- punk.svg
- retro_pro_bg.jpeg
- retro_pro_bg_w.jpeg
- retro_pro_blocks.png
- retro_pro_blocks_w.png
- shooting_star.svg
- starts_bg.svg
- tv_radio.png
- accordion-style-default.json
- accordion.json
- alert-style-all-status.json
- alert-style-default.json
- alert-style-solid.json
- alert-style-with-icon.json
- alert.json
- area-chart.json
- avatar-style-circle-sizes.json
- avatar-style-circle.json
- avatar-style-fallbacks.json
- avatar.json
- badge-style-default.json
- badge-style-sizes.json
- badge-style-variants.json
- badge.json
- bar-chart.json
- baseui-accordion.json
- baseui-alert.json
- baseui-avatar.json
- baseui-badge.json
- baseui-breadcrumb.json
- baseui-button.json
- baseui-calendar.json
- baseui-card.json
- baseui-carousel.json
- baseui-checkbox.json
- baseui-command.json
- baseui-context-menu.json
- baseui-dialog.json
- baseui-drawer.json
- baseui-empty.json
- baseui-input.json
- baseui-label.json
- baseui-loader.json
- baseui-menu.json
- baseui-popover.json
- baseui-progress.json
- baseui-radio.json
- baseui-select.json
- baseui-slider.json
- baseui-sonner.json
- baseui-switch.json
- baseui-tab.json
- baseui-table.json
- baseui-text.json
- baseui-textarea.json
- baseui-toc.json
- baseui-toggle-group.json
- baseui-toggle.json
- baseui-tooltip.json
- breadcrumb.json
- button-style-default.json
- button-style-link.json
- button-style-outline.json
- button-style-secondary.json
- button-style-with-icon.json
- button.json
- calendar.json
- card-style-commerce.json
- card-style-default.json
- card-style-testimonial.json
- card.json
- carousel.json
- checkbox-style-default.json
- checkbox-style-toggle.json
- checkbox.json
- command.json
- context-menu.json
- dialog-style-default.json
- dialog-style-width-variant.json
- dialog-style-with-footer.json
- dialog-style-with-form.json
- dialog.json
- drawer.json
- empty.json
- input-style-default.json
- input-style-error.json
- input-style-with-label.json
- input.json
- label.json
- line-chart.json
- loader.json
- menu-style-default.json
- menu.json
- pie-chart.json
- popover-style-default-shadow.json
- popover-style-default.json
- popover-style-primary-shadow.json
- popover-style-primary.json
- popover.json
- progress-style-default.json
- progress.json
- radio-style-default.json
- radio-style-sizes.json
- radio-style-variants.json
- radio.json
- registry.json
- retroui-theme.json
- select-style-default.json
- select.json
- slider.json
- sonner-style-default.json
- sonner-style-error.json
- sonner-style-rich-colors.json
- sonner-style-warning.json
- sonner.json
- switch-style-default.json
- switch-style-disabled.json
- switch.json
- tab-style-default.json
- tab.json
- table-style-default.json
- table-with-checkbox.json
- table-with-sticky-header.json
- table.json
- text-headings.json
- text.json
- textarea-style-default.json
- textarea.json
- toc.json
- toggle-group-outlined.json
- toggle-group-style-default.json
- toggle-group-style-outline-muted.json
- toggle-group-style-outlined.json
- toggle-group-style-solid.json
- toggle-group.json
- toggle-style-default.json
- toggle-style-outline-muted.json
- toggle-style-outlined.json
- toggle-style-solid.json
- toggle.json
- tooltip-style-default.json
- tooltip-style-primary.json
- tooltip-style-solid.json
- tooltip.json
- typography-p.json
- utils.json
- banner.png
- next.svg
- vercel.svg
- auto-update-configs.js
- generate-baseui-docs.js
- generate-baseui-previews.js
- generate-config-entries.js
- update-components-config.js
- auth.ts
- index.d.ts
- pricing.ts
- unist.d.ts
- .eslintrc.json
- .gitignore
- .prettierrc
- bun.lockb
- components.json
- CONTRIBUTING.md
- Dockerfile
- eslint.config.mjs
- LICENCE.md
- next.config.mjs
- open-next.config.ts
- package.json
- pnpm-lock.yaml
- postcss.config.mjs
- README.md
- registry.json
- showcase.json
- tasks.md
- tsconfig.json
- velite-components.json
- velite.config.ts
- wrangler.jsonc
# 설치 가이드
1. 코드 내려받기
git clone https://github.com/neobrutalism/neobrutalism
깃허브에서 프로젝트 코드 전체를 내 컴퓨터로 내려받습니다.
cd neobrutalism
방금 내려받은 프로젝트 폴더 안으로 이동합니다.
2. Docker
쉬움 추천사전 준비물
- Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
- Docker Desktop 컨테이너를 빌드하고 실행하려면 필요합니다. 설치 후 실행해서 백그라운드에 켜두세요.
docker build -t neobrutalism .
Dockerfile을 기반으로 실행 가능한 이미지를 빌드합니다.
docker run -p 8080:80 neobrutalism
빌드된 이미지를 실제 컨테이너로 실행합니다.
터미널에 docker compose ps 를 입력해 컨테이너들이 Up 상태인지 확인하세요. README에 포트 번호가 적혀있다면 브라우저에서 http://localhost:포트번호 로 접속해보세요.
// repository documentation
Was this content helpful?
(0 ratings)
