shadcn-dashboard-landing-template
Accelerate your development with a sleek, open-source admin dashboard and landing page built on Vite-React, Next.js, Tailwind CSS, and Shadcn/UI which is fully customizable and production-ready.
File Explorer
Download Latest Version (.zip)- deploy.yml
- config.ts
- charts.md
- custom-components.md
- data-tables.md
- index.md
- shadcn-ui.md
- choosing-framework.md
- contributing.md
- features.md
- index.md
- installation.md
- license.md
- project-structure.md
- support.md
- tech-stack.md
- theme-system.md
- build-deploy.md
- development.md
- index.md
- quick-start.md
- troubleshooting.md
- favicon.png
- hero.png
- logo.svg
- configuration.md
- custom-themes.md
- index.md
- removing-customizer.md
- build-deploy.md
- development.md
- index.md
- quick-start.md
- troubleshooting.md
- dev.sh
- index.md
- package.json
- README.md
- apps.png
- customizer.png
- dashboard-dark.png
- dashboard-light.png
- dashboard.png
- favicon-dark.png
- favicon.png
- feature-1-dark.png
- feature-1-light.png
- feature-2-dark.png
- feature-2-light.png
- file.svg
- globe.svg
- hero-images-container.png
- next.svg
- vercel.svg
- window.svg
- forbidden-error.tsx
- page.tsx
- internal-server-error.tsx
- page.tsx
- not-found-error.tsx
- page.tsx
- unauthorized-error.tsx
- page.tsx
- under-maintenance-error.tsx
- page.tsx
- forgot-password-form-1.tsx
- page.tsx
- forgot-password-form-2.tsx
- page.tsx
- forgot-password-form-3.tsx
- page.tsx
- login-form-1.tsx
- page.tsx
- login-form-2.tsx
- page.tsx
- login-form-3.tsx
- page.tsx
- signup-form-1.tsx
- page.tsx
- signup-form-2.tsx
- page.tsx
- signup-form-3.tsx
- page.tsx
- layout.tsx
- calendar-main.tsx
- calendar-sidebar.tsx
- calendar-unified.tsx
- calendar.tsx
- calendars.tsx
- date-picker.tsx
- event-form.tsx
- quick-actions.tsx
- calendars.json
- event-dates.json
- events.json
- data.ts
- page.tsx
- types.ts
- use-calendar.ts
- chat-header.tsx
- chat.tsx
- conversation-list-new.tsx
- conversation-list.tsx
- message-input.tsx
- message-list.tsx
- conversations.json
- messages.json
- users.json
- page.tsx
- use-chat.ts
- chart-area-interactive.tsx
- data-table.tsx
- section-cards.tsx
- data.json
- focus-documents-data.json
- key-personnel-data.json
- past-performance-data.json
- task-schema.ts
- page.tsx
- customer-insights.tsx
- dashboard-header.tsx
- metrics-overview.tsx
- quick-actions.tsx
- recent-transactions.tsx
- revenue-breakdown.tsx
- sales-chart.tsx
- top-products.tsx
- dashboard-data.json
- page.tsx
- faq-list.tsx
- features-grid.tsx
- categories.json
- faqs.json
- features.json
- page.tsx
- account-switcher.tsx
- mail-display.tsx
- mail-list.tsx
- mail.tsx
- nav.tsx
- data.tsx
- index.tsx
- page.tsx
- use-mail.ts
- faq-section.tsx
- features-grid.tsx
- faqs.json
- features.json
- page.tsx
- page.tsx
- page.tsx
- billing-history-card.tsx
- current-plan-card.tsx
- billing-history.json
- current-plan.json
- page.tsx
- page.tsx
- page.tsx
- page.tsx
- add-task-modal.tsx
- columns.tsx
- data-table-column-header.tsx
- data-table-faceted-filter.tsx
- data-table-pagination.tsx
- data-table-row-actions.tsx
- data-table-toolbar.tsx
- data-table-view-options.tsx
- data-table.tsx
- user-nav.tsx
- data.tsx
- schema.ts
- tasks.json
- page.tsx
- data-table.tsx
- stat-cards.tsx
- user-form-dialog.tsx
- data.json
- page.tsx
- layout.tsx
- about-section.tsx
- blog-section.tsx
- contact-section.tsx
- cta-section.tsx
- faq-section.tsx
- features-section.tsx
- footer.tsx
- hero-section.tsx
- landing-theme-customizer.tsx
- logo-carousel.tsx
- navbar.tsx
- pricing-section.tsx
- stats-section.tsx
- team-section.tsx
- testimonials-section.tsx
- landing-page-content.tsx
- page.tsx
- favicon.ico
- globals.css
- layout.tsx
- loading.tsx
- not-found.tsx
- page.tsx
- react.svg
- mega-menu.tsx
- base-layout.tsx
- circular-transition.css
- import-modal.tsx
- index.tsx
- layout-tab.tsx
- main.tsx
- theme-tab.tsx
- accordion.tsx
- avatar.tsx
- badge.tsx
- breadcrumb.tsx
- button.tsx
- calendar.tsx
- card-decorator.tsx
- card.tsx
- chart.tsx
- checkbox.tsx
- collapsible.tsx
- command.tsx
- dialog.tsx
- drawer.tsx
- dropdown-menu.tsx
- form.tsx
- hover-card.tsx
- input.tsx
- label.tsx
- loading-spinner.tsx
- navigation-menu.tsx
- popover.tsx
- progress.tsx
- radio-group.tsx
- resizable.tsx
- scroll-area.tsx
- select.tsx
- separator.tsx
- sheet.tsx
- sidebar.tsx
- skeleton.tsx
- sonner.tsx
- switch.tsx
- table.tsx
- tabs.tsx
- textarea.tsx
- toggle-group.tsx
- toggle.tsx
- tooltip.tsx
- app-sidebar.tsx
- color-picker.tsx
- command-search.tsx
- dot-pattern.tsx
- dynamic-imports.ts
- image-3d.tsx
- logo.tsx
- mode-toggle.tsx
- nav-main.tsx
- nav-secondary.tsx
- nav-user.tsx
- pricing-plans.tsx
- sidebar-notification.tsx
- site-footer.tsx
- site-header.tsx
- theme-customizer.tsx
- theme-provider.tsx
- upgrade-to-pro-button.tsx
- theme-customizer-constants.ts
- theme-data.ts
- sidebar-context.tsx
- theme-context.ts
- use-circular-transition.ts
- use-fullscreen.ts
- use-mobile.ts
- use-sidebar-config.ts
- use-theme-manager.ts
- use-theme.ts
- fonts.ts
- utils.ts
- theme-customizer.ts
- theme.ts
- shadcn-ui-theme-presets.ts
- tweakcn-theme-presets.ts
- middleware.ts
- .gitignore
- components.json
- eslint.config.mjs
- next.config.ts
- package.json
- pnpm-lock.yaml
- postcss.config.mjs
- tsconfig.json
- apps.png
- customizer.png
- dashboard-dark.png
- dashboard-light.png
- dashboard.png
- favicon-dark.png
- favicon.png
- feature-1-dark.png
- feature-1-light.png
- feature-2-dark.png
- feature-2-light.png
- hero-images-container.png
- og-image.png
- vite.svg
- forgot-password-form-1.tsx
- page.tsx
- forgot-password-form-2.tsx
- page.tsx
- forgot-password-form-3.tsx
- page.tsx
- login-form-1.tsx
- page.tsx
- login-form-2.tsx
- page.tsx
- login-form-3.tsx
- page.tsx
- signup-form-1.tsx
- page.tsx
- signup-form-2.tsx
- page.tsx
- signup-form-3.tsx
- page.tsx
- calendar-main.tsx
- calendar-sidebar.tsx
- calendar-unified.tsx
- calendar.tsx
- calendars.tsx
- date-picker.tsx
- event-form.tsx
- quick-actions.tsx
- calendars.json
- event-dates.json
- events.json
- data.ts
- page.tsx
- types.ts
- use-calendar.ts
- chat-header.tsx
- chat.tsx
- conversation-list-new.tsx
- conversation-list.tsx
- message-input.tsx
- message-list.tsx
- conversations.json
- messages.json
- users.json
- page.tsx
- use-chat.ts
- chart-area-interactive.tsx
- data-table.tsx
- section-cards.tsx
- data.json
- focus-documents-data.json
- key-personnel-data.json
- past-performance-data.json
- task-schema.ts
- page.tsx
- customer-insights.tsx
- dashboard-header.tsx
- metrics-overview.tsx
- quick-actions.tsx
- recent-transactions.tsx
- revenue-breakdown.tsx
- sales-chart.tsx
- top-products.tsx
- dashboard-data.json
- page.tsx
- forbidden-error.tsx
- page.tsx
- internal-server-error.tsx
- page.tsx
- not-found-error.tsx
- page.tsx
- unauthorized-error.tsx
- page.tsx
- under-maintenance-error.tsx
- page.tsx
- faq-list.tsx
- features-grid.tsx
- categories.json
- faqs.json
- features.json
- page.tsx
- about-section.tsx
- blog-section.tsx
- contact-section.tsx
- cta-section.tsx
- faq-section.tsx
- features-section.tsx
- footer.tsx
- hero-section.tsx
- landing-theme-customizer.tsx
- logo-carousel.tsx
- navbar.tsx
- pricing-section.tsx
- stats-section.tsx
- team-section.tsx
- testimonials-section.tsx
- page.tsx
- account-switcher.tsx
- mail-display.tsx
- mail-list.tsx
- mail.tsx
- nav.tsx
- data.tsx
- index.tsx
- page.tsx
- use-mail.ts
- faq-section.tsx
- features-grid.tsx
- faqs.json
- features.json
- page.tsx
- page.tsx
- page.tsx
- billing-history-card.tsx
- current-plan-card.tsx
- billing-history.json
- current-plan.json
- page.tsx
- page.tsx
- page.tsx
- page.tsx
- add-task-modal.tsx
- columns.tsx
- data-table-column-header.tsx
- data-table-faceted-filter.tsx
- data-table-pagination.tsx
- data-table-row-actions.tsx
- data-table-toolbar.tsx
- data-table-view-options.tsx
- data-table.tsx
- user-nav.tsx
- data.tsx
- schema.ts
- tasks.json
- page.tsx
- data-table.tsx
- stat-cards.tsx
- user-form-dialog.tsx
- data.json
- page.tsx
- react.svg
- mega-menu.tsx
- base-layout.tsx
- app-router.tsx
- circular-transition.css
- import-modal.tsx
- index.tsx
- layout-tab.tsx
- main.tsx
- theme-tab.tsx
- accordion.tsx
- avatar.tsx
- badge.tsx
- breadcrumb.tsx
- button.tsx
- calendar.tsx
- card-decorator.tsx
- card.tsx
- chart.tsx
- checkbox.tsx
- collapsible.tsx
- command.tsx
- dialog.tsx
- drawer.tsx
- dropdown-menu.tsx
- form.tsx
- hover-card.tsx
- input.tsx
- label.tsx
- loading-spinner.tsx
- navigation-menu.tsx
- popover.tsx
- progress.tsx
- radio-group.tsx
- resizable.tsx
- scroll-area.tsx
- select.tsx
- separator.tsx
- sheet.tsx
- sidebar.tsx
- skeleton.tsx
- sonner.tsx
- switch.tsx
- table.tsx
- tabs.tsx
- textarea.tsx
- toggle-group.tsx
- toggle.tsx
- tooltip.tsx
- app-sidebar.tsx
- color-picker.tsx
- command-search.tsx
- dot-pattern.md
- dot-pattern.tsx
- image-3d.md
- image-3d.tsx
- logo.tsx
- mode-toggle.tsx
- nav-main.tsx
- nav-secondary.tsx
- nav-user.tsx
- pricing-plans.tsx
- sidebar-notification.tsx
- site-footer.tsx
- site-header.tsx
- theme-customizer.tsx
- theme-provider.tsx
- upgrade-to-pro-button.tsx
- routes.tsx
- theme-customizer-constants.ts
- theme-data.ts
- sidebar-context.tsx
- theme-context.ts
- use-circular-transition.ts
- use-fullscreen.ts
- use-mobile.ts
- use-sidebar-config.ts
- use-theme-manager.ts
- use-theme.ts
- fonts.ts
- utils.ts
- theme-customizer.ts
- theme.ts
- analytics.ts
- shadcn-ui-theme-presets.ts
- tweakcn-theme-presets.ts
- App.css
- App.tsx
- index.css
- main.tsx
- vite-env.d.ts
- .env.example
- components.json
- eslint.config.js
- index.html
- package.json
- pnpm-lock.yaml
- tsconfig.app.json
- tsconfig.json
- tsconfig.node.json
- vite.config.ts
- .editorconfig
- .gitattributes
- .gitignore
- .nvmrc
- .prettierignore
- .prettierrc
- License.md
- README.md
# Installation Guide
1. Get the code
git clone https://github.com/shadcnstore/shadcn-dashboard-landing-template
Downloads the entire project code from GitHub to your computer.
cd shadcn-dashboard-landing-template
Moves into the project folder you just downloaded.
2. Node.js
Easy RecommendedPrerequisites
pnpm install
Downloads and installs the libraries listed in package.json.
pnpm dev
Starts the development/run server.
pnpm dev # Start development server
Starts the development/run server.
pnpm build # Build for production
Type this command into your terminal and run it.
pnpm preview # Preview production build
Type this command into your terminal and run it.
After running the command, open the address shown in the terminal (usually something like http://localhost:3000) in your browser.
Pulled directly from this repo's README.
// repository documentation
Was this content helpful?
(0 ratings)
