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.

👉 New to App-Generator? Sign IN with GitHub or Generate Web Apps in no time (free service).

React Soft Dashboard is a free, open-source admin dashboard template developed by Creative-Tim

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#

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.