React Soft Dashboard#
React Soft Dashboard is a free, open-source admin dashboard template developed by Creative-Tim. It features a soft design with smooth transitions, subtle gradients, and a light color scheme.
The free version provides essential components and features to create functional admin interfaces with a modern, approachable aesthetic.
👉 React Soft Dashboard - Product Page
👉 React Soft Dashboard - Live Demo
👉 New to App-Generator? Sign IN with GitHub or Generate Web Apps in no time (free service).

Key Features#
React Framework: Built with React for a component-based architecture
Soft Design: Gentle color palette with soft shadows and gradients
Responsive Layout: Fully adaptive across desktop, tablet, and mobile devices
Light/Dark Mode: Built-in theme switching capability
Authentication Pages: Sign-in, sign-up, and forgot password templates
Dashboard Example: Core analytics dashboard with essential widgets
Basic Components: Cards, tables, notifications, and form elements
Data Visualization: Simple charts and progress bars
Sample Pages: Profile, tables, and billing page templates
Technical Stack#
React.js (Core framework)
Material-UI components (customized with soft design)
React Router (Navigation)
React Context API (State management)
Chart.js (Basic data visualization)
CSS3 with SCSS (Styling)
PropTypes (Type checking)
ESLint & Prettier (Code quality)
Getting Started#
# Clone repository
git clone https://github.com/creativetimofficial/soft-ui-dashboard-react.git
# Navigate to project directory
cd soft-ui-dashboard-react
# Install dependencies
npm install
# Start development server
npm start
# Build for production
npm run build
Project Structure#
/src
/assets # Static files (images, fonts, CSS)
/components # Reusable UI components
/context # React context providers
/examples # Example components
/layouts # Page layout components
/routes # Application routes
/views # Page components
App.js # Main application component
index.js # Application entry point
Limitations of Free Version#
Limited number of dashboard components
Basic chart variations only
Limited page templates
Basic authentication (no JWT, etc.)
Community support only
No advanced data tables
No premium widgets or applications
Single theme variation
No access to design files
Documentation & Resources#
GitHub Repository: creativetimofficial/soft-ui-dashboard-react
Documentation: https://www.creative-tim.com/learning-lab/react/overview/soft-ui-dashboard
Note: This document provides an overview for implementing the free version of React Soft Dashboard. Actual implementation details may vary based on specific project requirements.
Links#
👉 New to App-Generator? Join our 10k+ Community using GitHub One-Click SignIN.
👉 Download products and start fast a new project
👉 Bootstrap your startUp, MVP or Legacy project with a custom development sprint