shadcn-templ

(★ 1,718)

A set of beautifully-designed, accessible components and a code distribution platform. Works with Go and templ. Open Source. Open Code.

파일 탐색기

최종 버전 다운로드 (.zip)

- - bug_report.yml
  - config.yml
  - feature_request.yml
- - deploy.yml
  - issue-stale.yml
- FUNDING.yml
- launch.json
- - create-fonts.css
  - globals.css
  - shadcn-tailwind.css
  - style-classes.txt
  - tw-animate.css
  - typeset.css
- - aspect_ratio_placeholder.jpeg
  - axel-adrian-avatar.png
  - card_placeholder.jpeg
  - docs-sidebar-menu-dark.png
  - docs-sidebar-menu.png
  - docs-sidebar-structure-dark.png
  - docs-sidebar-structure.png
  - full-dark.png
  - full-light.png
  - gopher.svg
  - gopher_landing.png
  - hero.png
  - tailwindcss-mark.svg
- - create-config.js
  - create-preview.js
  - create-themes.js
  - create.js
  - docs-copy.js
  - preset.js
  - typeset-preview.js
  - typeset.js
- assets.go
- - app_sidebar.templ
  - app_sidebar_templ.go
  - chart_area_interactive.templ
  - chart_area_interactive_templ.go
  - dashboard01_test.go
  - data.go
  - data_table.go
  - data_table.templ
  - data_table_templ.go
  - nav_documents.templ
  - nav_documents_templ.go
  - nav_main.templ
  - nav_main_templ.go
  - nav_secondary.templ
  - nav_secondary_templ.go
  - nav_user.templ
  - nav_user_templ.go
  - page.templ
  - page_templ.go
  - section_cards.templ
  - section_cards_templ.go
  - site_header.templ
  - site_header_templ.go
- - login_form.templ
  - login_form_templ.go
  - page.templ
  - page_templ.go
- - login_form.templ
  - login_form_templ.go
  - page.templ
  - page_templ.go
- - login_form.templ
  - login_form_templ.go
  - page.templ
  - page_templ.go
- - login_form.templ
  - login_form_templ.go
  - page.templ
  - page_templ.go
- - login_form.templ
  - login_form_templ.go
  - page.templ
  - page_templ.go
- - app_sidebar.templ
  - app_sidebar_templ.go
  - page.templ
  - page_templ.go
  - search_form.templ
  - search_form_templ.go
  - version_switcher.templ
  - version_switcher_templ.go
- - app_sidebar.templ
  - app_sidebar_templ.go
  - page.templ
  - page_templ.go
  - search_form.templ
  - search_form_templ.go
  - version_switcher.templ
  - version_switcher_templ.go
- - app_sidebar.templ
  - app_sidebar_templ.go
  - page.templ
  - page_templ.go
- - app_sidebar.templ
  - app_sidebar_templ.go
  - page.templ
  - page_templ.go
- - app_sidebar.templ
  - app_sidebar_templ.go
  - app_sidebar_test.go
  - page.templ
  - page_templ.go
  - search_form.templ
  - search_form_templ.go
- - app_sidebar.templ
  - app_sidebar_templ.go
  - nav_main.templ
  - nav_main_templ.go
  - page.templ
  - page_templ.go
  - sidebar_opt_in_form.templ
  - sidebar_opt_in_form_templ.go
- - app_sidebar.templ
  - app_sidebar_templ.go
  - nav_main.templ
  - nav_main_templ.go
  - nav_projects.templ
  - nav_projects_templ.go
  - nav_user.templ
  - nav_user_templ.go
  - page.templ
  - page_templ.go
  - team_switcher.templ
  - team_switcher_templ.go
- - app_sidebar.templ
  - app_sidebar_templ.go
  - nav_main.templ
  - nav_main_templ.go
  - nav_projects.templ
  - nav_projects_templ.go
  - nav_secondary.templ
  - nav_secondary_templ.go
  - nav_user.templ
  - nav_user_templ.go
  - page.templ
  - page_templ.go
- - app_sidebar.templ
  - app_sidebar_templ.go
  - nav_user.templ
  - nav_user_templ.go
  - page.templ
  - page_templ.go
- - app_sidebar.templ
  - app_sidebar_templ.go
  - nav_actions.templ
  - nav_actions_templ.go
  - nav_actions_test.go
  - nav_favorites.templ
  - nav_favorites_templ.go
  - nav_main.templ
  - nav_main_templ.go
  - nav_secondary.templ
  - nav_secondary_templ.go
  - nav_workspaces.templ
  - nav_workspaces_templ.go
  - page.templ
  - page_templ.go
  - team_switcher.templ
  - team_switcher_templ.go
- - app_sidebar.templ
  - app_sidebar_templ.go
  - page.templ
  - page_templ.go
- - app_sidebar.templ
  - app_sidebar_templ.go
  - calendars.templ
  - calendars_templ.go
  - date_picker.templ
  - date_picker_templ.go
  - nav_user.templ
  - nav_user_templ.go
  - page.templ
  - page_templ.go
  - sidebar12_test.go
- - page.templ
  - page_templ.go
  - settings_dialog.templ
  - settings_dialog_templ.go
- - app_sidebar.templ
  - app_sidebar_templ.go
  - page.templ
  - page_templ.go
- - calendars.templ
  - calendars_templ.go
  - date_picker.templ
  - date_picker_templ.go
  - nav_favorites.templ
  - nav_favorites_templ.go
  - nav_main.templ
  - nav_main_templ.go
  - nav_secondary.templ
  - nav_secondary_templ.go
  - nav_user.templ
  - nav_user_templ.go
  - nav_workspaces.templ
  - nav_workspaces_templ.go
  - page.templ
  - page_templ.go
  - sidebar15_test.go
  - sidebar_left.templ
  - sidebar_left_templ.go
  - sidebar_right.templ
  - sidebar_right_templ.go
  - team_switcher.templ
  - team_switcher_templ.go
- - app_sidebar.templ
  - app_sidebar_templ.go
  - nav_main.templ
  - nav_main_templ.go
  - nav_projects.templ
  - nav_projects_templ.go
  - nav_secondary.templ
  - nav_secondary_templ.go
  - nav_user.templ
  - nav_user_templ.go
  - page.templ
  - page_templ.go
  - search_form.templ
  - search_form_templ.go
  - site_header.templ
  - site_header_templ.go
- - page.templ
  - page_templ.go
  - signup_form.templ
  - signup_form_templ.go
- - page.templ
  - page_templ.go
  - signup_form.templ
  - signup_form_templ.go
- - page.templ
  - page_templ.go
  - signup_form.templ
  - signup_form_templ.go
- - page.templ
  - page_templ.go
  - signup_form.templ
  - signup_form_templ.go
- - page.templ
  - page_templ.go
  - signup_form.templ
  - signup_form_templ.go
- embed.go
- README.md
- - main.go
- - main.go
- - main.go
- - main.go
- - main.go
- - main.go
- - main.go
- - main.go
- - accordion.js
  - accordion.templ
  - accordion_templ.go
  - accordion_test.go
- - alert.templ
  - alert_templ.go
- - alertdialog.templ
  - alertdialog_templ.go
- - aspectratio.templ
  - aspectratio_templ.go
- - avatar.js
  - avatar.templ
  - avatar_templ.go
- - badge.templ
  - badge_templ.go
- - breadcrumb.templ
  - breadcrumb_templ.go
- - button.templ
  - button_templ.go
- - buttongroup.templ
  - buttongroup_templ.go
- - calendar.js
  - calendar.templ
  - calendar_templ.go
- - card.templ
  - card_templ.go
- - carousel.js
  - carousel.templ
  - carousel_templ.go
- - chart.js
  - chart.templ
  - chart_templ.go
- - checkbox.js
  - checkbox.templ
  - checkbox_templ.go
  - checkbox_test.go
- - collapsible.js
  - collapsible.templ
  - collapsible_templ.go
  - collapsible_test.go
- - combobox.js
  - combobox.templ
  - combobox_templ.go
  - combobox_test.go
- - command.js
  - command.templ
  - command_templ.go
  - command_test.go
- - componentexample.templ
  - componentexample_templ.go
- - contextmenu.js
  - contextmenu.templ
  - contextmenu_templ.go
  - contextmenu_test.go
- - copybutton.js
  - copybutton.templ
  - copybutton_templ.go
- - dialog.js
  - dialog.templ
  - dialog_templ.go
- - drawer.js
  - drawer.templ
  - drawer_templ.go
- - dropdownmenu.js
  - dropdownmenu.templ
  - dropdownmenu_templ.go
  - dropdownmenu_test.go
- - empty.templ
  - empty_templ.go
- - example.templ
  - example_templ.go
- - field.templ
  - field_templ.go
- - floating_ui_core.js
  - floating_ui_dom.js
- - hovercard.js
  - hovercard.templ
  - hovercard_templ.go
  - hovercard_test.go
- - icon.go
  - icon_data.go
  - icon_defs.go
- - input.templ
  - input_templ.go
- - inputgroup.js
  - inputgroup.templ
  - inputgroup_templ.go
- - inputotp.js
  - inputotp.templ
  - inputotp_templ.go
- - item.templ
  - item_templ.go
- - kbd.templ
  - kbd_templ.go
- - label.templ
  - label_templ.go
- - pagination.templ
  - pagination_templ.go
- - popover.js
  - popover.templ
  - popover_templ.go
  - popover_test.go
- - progress.js
  - progress.templ
  - progress_templ.go
- - radiogroup.js
  - radiogroup.templ
  - radiogroup_templ.go
  - radiogroup_test.go
- - resizable.js
  - resizable.templ
  - resizable_templ.go
  - resizable_test.go
- - select.js
  - select.templ
  - select_templ.go
  - select_test.go
- - separator.templ
  - separator_templ.go
- - sheet.templ
  - sheet_templ.go
- - sidebar.js
  - sidebar.templ
  - sidebar_templ.go
- - skeleton.templ
  - skeleton_templ.go
- - slider.js
  - slider.templ
  - slider_templ.go
  - slider_test.go
- - spinner.templ
  - spinner_templ.go
- - switch.js
  - switch.templ
  - switch_templ.go
- - table.templ
  - table_templ.go
- - tabs.js
  - tabs.templ
  - tabs_templ.go
- - textarea.templ
  - textarea_templ.go
- - toast.js
  - toast.templ
  - toast_templ.go
- - toggle.js
  - toggle.templ
  - toggle_templ.go
- - togglegroup.templ
  - togglegroup_templ.go
- - tooltip.js
  - tooltip.templ
  - tooltip_templ.go
  - tooltip_test.go
- embed.go
- scripts.go
- scripts.templ
- scripts_templ.go
- scripts_test.go
- - config.go
- - ctxkeys.go
- - class-literal-invariant_test.go
  - create-style-map.go
  - create-style-map_test.go
  - inline-html.go
  - inline-html_test.go
  - transform-cleanup.go
  - transform-font.go
  - transform-menu.go
  - transform-rtl.go
  - transform-style-map.go
  - transform-style-map_test.go
  - transform.go
- - frontmatter.go
  - parser.go
  - segments.go
- - middleware.go
- - og.go
- - preset.go
  - preset_test.go
- - registry.go
- - build.go
  - config.go
  - handlers.go
  - registryapi_test.go
  - styleitems.go
  - themes.go
  - vars.go
- - docs.go
- - baseurl.go
  - menudata.go
- Dockerfile
- package-lock.json
- package.json
- server.js
- - components.json
  - registry-item.json
  - registry.json
- llms.txt
- placeholder.svg
- robots.txt
- sitemap.xml
- static.go
- shadcn-templ.go
- shadcn-templ_test.go
.dockerignore
.env.example
.gitignore
AGENTS.md
CONTRIBUTING.md
Dockerfile
go.mod
go.sum
LICENSE
package-lock.json
package.json
README.md
registry.json
registry_embed.go
SECURITY.md
Taskfile.yml

# 설치 가이드

1. 코드 내려받기

git clone https://github.com/axadrn/shadcn-templ

깃허브에서 프로젝트 코드 전체를 내 컴퓨터로 내려받습니다.

cd shadcn-templ

방금 내려받은 프로젝트 폴더 안으로 이동합니다.

2. Docker

쉬움 추천

사전 준비물

Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
Docker Desktop 컨테이너를 빌드하고 실행하려면 필요합니다. 설치 후 실행해서 백그라운드에 켜두세요.

docker build -t shadcn-templ .

Dockerfile을 기반으로 실행 가능한 이미지를 빌드합니다.

docker run -p 8080:80 shadcn-templ

빌드된 이미지를 실제 컨테이너로 실행합니다.

✅ 터미널에 docker compose ps 를 입력해 컨테이너들이 Up 상태인지 확인하세요. README에 포트 번호가 적혀있다면 브라우저에서 http://localhost:포트번호 로 접속해보세요.

3. Node.js

쉬움

사전 준비물

Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
Node.js npm 명령어를 쓰려면 Node.js가 설치되어 있어야 합니다. LTS(장기지원) 버전을 추천합니다.

npm install

package.json에 명시된 라이브러리들을 내려받아 설치합니다.

npm start

개발/실행 서버를 켭니다.

✅ 명령어 실행 후 터미널에 나타나는 주소(보통 http://localhost:3000 형태)를 브라우저에서 열어보세요.

4. Go

보통

사전 준비물

Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
Go Go 언어 컴파일러 및 도구 모음입니다.

go build ./...

Go 프로그램을 컴파일해 실행 파일을 만듭니다.

go run .

따로 빌드하지 않고 바로 Go 프로그램을 실행합니다.

✅ 빌드가 에러 없이 끝나면 성공입니다. go run . 을 썼다면 터미널 출력을 확인하세요.

shadcn-templ

파일 탐색기

# 설치 가이드

2. Docker

3. Node.js

4. Go

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

shadcn-templ

파일 탐색기

# 설치 가이드

2. Docker

3. Node.js

4. Go

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README