Our React version follows latest industry best practices and uses Redux as a state manager. This version is a great choice when you want to be in control of your own codebase and decide on development approaches that are the best for your project. Sofia React template built with React v18.0.0 and Bootstrap v4.6. Developed with ❤️ by Flatlogic. If you love our project please star ⭐️ our repo!
View Demo | Download Free Template | More templates 
This dashboard is a full version of Sofia React Admin. It is built on the top of React 18, so it well supported along the web. You can easy customize template by changing SCSS variables. All paddings and colors are in _variables.scss file.
Sofia React is a great template to quick-start development of SAAS, CMS, IoT Dashboard, E-Commerce apps, etc. This admin dashboard includes following features and pages:
- React v18
- Redux v4
- Bootstrap v4.6 & SCSS
- React Router v5
- React Hooks
- Mobile friendly responsive layout
- Modular architecture
- Authentication
- Recharts, Apexcharts, Highcharts chart libraries
- Login, Register, Error pages
- Styled Bootstrap components like buttons, badges, labels, etc
- Create-react-app under the hood
We've made all these beautiful pages, so you can see our template in action.
- Dashboard page
- User pages including Profile page, User Management page and more
- Core pages including Typography page, Colors page, Grid page
- UI Elements pages including pages for all template components
- Forms pages including Elements page, Validation page and Wizard page
- Charts pages including pages for many kinds of customized charts from the most famous charts libraries
- Calendar page
- Tables page
- Login page
- Register page
- Error page
- Documentation page
You can start by cloning the latest version of Sofia React on your local machine by running:
$ git clone path/to/repo $ cd path/to/appThis will install both run-time project dependencies and developer tools listed in package.json file.
Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser. Whenever you modify any of the source files inside the /src folder, the module bundler (Webpack) will recompile the app on the fly and refresh all the connected browsers.
Builds the app for production to the build folder. It correctly bundles React in production mode and optimizes the build for the best performance.
The build is minified and the filenames include the hashes. Your app is ready to be deployed!
- Build an image
docker build -t sofia-react . - Run a container
docker run -p 3000:3000 -d sofia-react - Now you can open the app in a web-browser
http://localhost:3000
For any additional information please go to our support forum and raise your questions or feedback provide there. We highly appreciate your participation!
- Star our GitHub repo ⭐
- Tweet about it.
- Create pull requests, submit bugs, suggest new features or documentation updates 🔧
- Follow @flatlogic on Twitter.
- Subscribe to Flatlogic newsletter at flatlogic.com
- Like our page on Facebook 👍
- React Native Starter - 🚀 A powerful react native starter template that bootstraps development of your mobile application
- Sing App - 💥 Free and open-source admin dashboard template built with Bootstrap 4
- Awesome Bootstrap Checkboxes & Radios - ✅ Pure css way to make inputs look prettier
- React Dashboard - 🔥 React Dashboard - isomorphic admin dashboard template with GraphQL
- Light Blue Dashboard - 💦 Free and open-source admin dashboard template built with Bootstrap
Looking for premium themes and templates? Check out more admin dashboard templates at flatlogic.com.