React Version
Angular Version
VueJs Version
NextJs Version
NuxtJs Version
Bootstrap Version
Folder Structure
Flexy React Dashboard
📦
│
├── 📂 docs > Documentation for the Theme
├── 📂 package
│ ├── 📂 typescript
│ │ ├── 📂 main > Demo
│ │ │ ├── 📂 public
│ │ │ ├── 📂 src
│ │ │ │ ├── 📂 assets
│ │ │ │ │ ├── 📂 images > All images used in the theme
│ │ │ │ ├── 📂 api > All data of apps & APIs
│ │ │ │ ├── 📂 components > App components
│ │ │ │ │ ├── 📂 apps > All app components
│ │ │ │ │ ├── 📂 container > Meta Description
│ │ │ │ │ ├── 📂 custom-scroll > Scrollbar component
│ │ │ │ │ ├── 📂 dashboards > All dashboard components
│ │ │ │ │ ├── 📂 forms > All form components
│ │ │ │ │ ├── 📂 material-ui > All UI components
│ │ │ │ │ ├── 📂 pages > All page components
│ │ │ │ │ ├── 📂 shared > Common components used across the theme
│ │ │ │ │ ├── 📂 tables > All table components
│ │ │ │ │ ├── 📂 widgets > All widget components
│ │ │ │ ├── 📂 contextapi > Manage data across all app components
│ │ │ │ ├── 📂 layouts
│ │ │ │ │ ├── 📂 blank > Blank layout for auth pages
│ │ │ │ │ ├── 📂 full > Full layout for inner pages
│ │ │ │ │ ├── 📂 routes > Page routing
│ │ │ │ ├── 📂 theme > Theme-level customization
│ │ │ │ ├── 📂 types > Define TypeScript types
│ │ │ │ │ ├── 📂 apps
│ │ │ │ │ │ ├── 📂 auth
│ │ │ │ │ ├── 📂 layout
│ │ │ │ ├── 📂 utils > Language settings
│ │ │ │ │ ├── 📂 languages
│ │ │ │ ├── 📂 views > All pages
│ │ │ │ │ ├── 📂 apps
│ │ │ │ │ ├── 📂 authentication
│ │ │ │ │ ├── 📂 charts
│ │ │ │ │ ├── 📂 dashboards
│ │ │ │ │ ├── 📂 forms
│ │ │ │ │ ├── 📂 pages
│ │ │ │ │ │ ├── 📂 landingpage
│ │ │ │ │ │ ├── 📂 frontend-pages
│ │ │ │ │ ├── 📂 spinner
│ │ │ │ │ ├── 📂 tables
│ │ │ │ │ ├── 📂 ui-components
│ │ │ │ │ ├── 📂 widgets
│ │ │ │ ├── 📄 App.tsx
│ │ │ │ ├── 📄 index.tsx
│ │ │ ├── 📄 package.json
│ │ ├── 📂 jwt-firebase > Demo
│ │ ├── 📂 dark > Demo
│ │ ├── 📂 horizontal > Demo
│ │ ├── 📂 rtl > Demo
│ │ ├── 📂 starterkit > Demo
│ ├── 📂 javascript
│ │ ├── 📂 main > Demo
│ │ │ ├── 📂 public
│ │ │ ├── 📂 src
│ │ │ │ ├── 📂 assets
│ │ │ │ │ ├── 📂 images > All images used in the theme
│ │ │ │ ├── 📂 api > All data of apps & APIs
│ │ │ │ ├── 📂 components > App components
│ │ │ │ │ ├── 📂 apps > All app components
│ │ │ │ │ ├── 📂 container > Meta Description
│ │ │ │ │ ├── 📂 custom-scroll > Scrollbar component
│ │ │ │ │ ├── 📂 dashboards > All dashboard components
│ │ │ │ │ ├── 📂 forms > All form components
│ │ │ │ │ ├── 📂 material-ui > All UI components
│ │ │ │ │ ├── 📂 pages > All page components
│ │ │ │ │ ├── 📂 shared > Common components used across the theme
│ │ │ │ │ ├── 📂 tables > All table components
│ │ │ │ │ ├── 📂 widgets > All widget components
│ │ │ │ ├── 📂 contextapi > Manage data across all app components
│ │ │ │ ├── 📂 layouts
│ │ │ │ │ ├── 📂 blank > Blank layout for auth pages
│ │ │ │ │ ├── 📂 full > Full layout for inner pages
│ │ │ │ │ ├── 📂 routes > Page routing
│ │ │ │ ├── 📂 theme > Theme-level customization
│ │ │ │ ├── 📂 types > Define TypeScript types
│ │ │ │ │ ├── 📂 apps
│ │ │ │ │ │ ├── 📂 auth
│ │ │ │ │ ├── 📂 layout
│ │ │ │ ├── 📂 utils > Language settings
│ │ │ │ │ ├── 📂 languages
│ │ │ │ ├── 📂 views > All pages
│ │ │ │ │ ├── 📂 apps
│ │ │ │ │ ├── 📂 authentication
│ │ │ │ │ ├── 📂 charts
│ │ │ │ │ ├── 📂 dashboards
│ │ │ │ │ ├── 📂 forms
│ │ │ │ │ ├── 📂 pages
│ │ │ │ │ │ ├── 📂 landingpage
│ │ │ │ │ │ ├── 📂 frontend-pages
│ │ │ │ │ ├── 📂 spinner
│ │ │ │ │ ├── 📂 tables
│ │ │ │ │ ├── 📂 ui-components
│ │ │ │ │ ├── 📂 widgets
│ │ │ │ ├── 📄 App.jsx
│ │ │ │ ├── 📄 index.jsx
│ │ │ ├── 📄 package.json
│ │ ├── 📂 jwt-firebase > Demo
│ │ ├── 📂 dark > Demo
│ │ ├── 📂 horizontal > Demo
│ │ ├── 📂 rtl > Demo
│ │ ├── 📂 starterkit > Demo
Flexy react Dashboard
📦
├── 📂 docs > Documentation related files
├── 📂 public > Public assets like static images, favicons, etc.
├── 📂 src > Main source code of the project
│ ├── 📂 assets > Static resources such as images, fonts, etc.
│ │ ├── 📂 images > Image files used in the project
│ ├── 📂 components > Reusable UI components
│ │ ├── 📂 container > Container components for handling logic
│ │ ├── 📂 forms > Form-related components
│ │ ├── 📂 shared > Shared components like buttons, cards, etc.
│ ├── 📂 layouts > Page layouts for structuring UI
│ │ ├── 📂 blank > Blank layout template
│ │ ├── 📂 full > Full layout template
│ ├── 📂 routes > App routing and navigation logic
│ ├── 📂 theme > Theme configuration and styles
│ ├── 📂 views > Page views of the application
│ │ ├── 📂 authentication > Login, signup, forgot password pages
│ │ ├── 📂 dashboard > Main dashboard UI
│ │ ├── 📂 icons > Icon components used in the project
│ │ ├── 📂 sample-page > Example page for reference
│ │ ├── 📂 utilities > Utility pages like settings, profile, etc.
├── 📄 app.jsx > Root component of the React app
├── 📄 main.jsx > Entry point of the React application
├── 📄 package.json > Project dependencies and scripts
├── 📄 tsconfig.json > TypeScript configuration file
├── 📄 vite.config.js > Vite configuration for project bundling