dazzle - :rocket: Dashboards made easy in React JS.

  •        394

Dazzle is a library for building dashboards with React JS. Dazzle does not depend on any front-end libraries but it makes it easier to integrate with them.Dazzle's goal is to be flexible and simple. Even though there are some UI components readily available out of the box, you have the complete control to override them as you wish with your own styles and layout.

https://github.com/Raathigesh/dazzle

Dependencies:

immutability-helper : ^2.3.1
prop-types : ^15.5.10
react-dnd : ^2.4.0
react-dnd-html5-backend : ^2.4.1

Tags
Implementation
License
Platform

   




Related Projects

tailwind-dashboard-template - Mosaic Lite is a free admin dashboard template built on top of Tailwind CSS and fully coded in React

  •    Javascript

Mosaic Lite is a responsive dashboard template built on top of TailwindCSS and fully coded in React. It comes with several pre-coded charts (built with Chart.js 3) and widgets, and it's a great starting for anyone who wants to create a user interface for SaaS products, administrator dashboards, modern web apps, and more. Use it for whatever you want, and be sure to reach us out on Twitter if you build anything cool/useful with it.

light-bootstrap-dashboard-react - React version of Light Bootstrap Dashboard

  •    CSS

Light Bootstrap Dashboard React is an admin dashboard template designed to be beautiful and simple. It is built on top of React Bootstrap, using Light Bootstrap Dashboard and it is fully responsive. It comes with a big collections of elements that will offer you multiple possibilities to create the app that best fits your needs. It can be used to create admin panels, project management systems, web applications backend, CMS or CRM. The product represents a big suite of front-end developer tools that can help you jump start your project. We have created it thinking about things you actually need in a dashboard. Light Bootstrap Dashboard React contains multiple handpicked and optimized plugins. Everything is designed to fit with one another. As you will be able to see, the dashboard you can access on Creative Tim is a customization of this product.

volt-react-dashboard - Free and open source React

  •    Javascript

Volt React is a free and open source admin dashboard template built in React.js and based on the latest version of the Bootstrap 5 CSS framework. It features over 100 UI elements, plugins, and example based built with React components. Volt React is an extension of the popular react-bootstrap library and it is based on the newest version of Bootstrap 5.

material-dashboard-react - React version of Material Dashboard by Creative Tim

  •    Javascript

Material Dashboard React is a free Material-UI Admin with a fresh, new design inspired by Google's Material Design. We are very excited to introduce our take on the material concepts through an easy to use and beautiful set of components. Material Dashboard React was built over the popular Material-UI framework. Material Dashboard React makes use of light, surface and movement. The general layout resembles sheets of paper following multiple different layers, so that the depth and order is obvious. The navigation stays mainly on the left sidebar and the content is on the right inside the main panel.

react-dashboard - React Dashboard - isomorphic web dashboard template (React

  •    Javascript

built with React, Bootstrap, React Router (with Server Side Rendering!), Redux and GraphQL based on React Starter Kit and latest industry best practices.Demo. Use following credentials: user/password.


sing-app - 💥Free and open-source admin dashboard template built with Bootstrap 4 💥

  •    HTML

Including responsive layout and high quality UI built with Bootstrap 4. This repository contains a limited free version of Sing App. Full bootstrap 4, React with backend, Angular and Angular JS versions are also available and are shipped in a full package.

shards-dashboard-react - ⚛️A free and beautiful React admin dashboard template pack.

  •    Javascript

A free React admin dashboard template pack featuring a modern design system and lots of custom templates and components. ✨ Note: You can download the Sketch files from the official product page.

coreui-free-react-admin-template - CoreUI React is free React admin template based on Bootstrap 4

  •    Javascript

Curious why I decided to create CoreUI? Please read this article: Jack of all trades, master of none. Why Bootstrap Admin Templates suck. CoreUI is an Open Source Bootstrap Admin Template. But CoreUI is not just another Admin Template. It goes way beyond hitherto admin templates thanks to transparent code and file structure. And if that's not enough, let’s just add that CoreUI consists bunch of unique features and over 1000 high quality icons.

syncano-dashboard - The Syncano Dashboard built with React.

  •    Javascript

Syncano Dashboard is a React based web application that lets you easily visualize your data held on Syncano platform. Thanks to that, you have a complete overview of you applications, you can edit and test your scripts, manage users, collaborate with multiple admins, and more - all from one place. Dashboard is powered by Node. You will need to install 7.0.0 version, as it is current that we are using. It should come with npm in 3.10.8 version.

Saleor Commerce - A headless, GraphQL-first e-commerce platform delivering ultra-fast, dynamic, personalized shopping experiences

  •    Python

Saleor is a rapidly-growing open source e-commerce platform that has served high-volume companies from branches like publishing and apparel since 2012. Based on Python and Django, the latest major update introduces a modular front end powered by a GraphQL API and written with React and TypeScript.

react-tags - A fantastically simple tagging component for your React projects

  •    Javascript

React-tags is a simple tagging component ready to drop in your React projects. The component is inspired by GMail's To field in the compose window. Because I was looking for an excuse to build a standalone component and publish it in the wild? To be honest, I needed a tagging component that provided the above features for my React-Surveyman project. Since I was unable to find one which met my requirements (and the fact that I generally enjoy re-inventing the wheel) this is what I came up with.

react-dnd - Drag and Drop for React

  •    TypeScript

Drag and Drop for React. Big thanks to BrowserStack for letting the maintainers use their service to debug browser issues.

react-fine-uploader - Easily integrate Fine Uploader or Fine Uploader S3 into a React app

  •    Javascript

Makes using Fine Uploader in a React app simple. Drop-in high-level components for a turn-key UI. Use small focused components to build a more custom UI. These allow you to easily build a highly customizable and powerful UI for your upload widget, backed by Fine Uploader's core feature set. Most of these components are unstyled (i.e. ready to be styled by you). Focused component-specific stylesheets may be provided at a later date.

Appsmith - Framework to build admin panels, CRUD apps and workflows for any backend

  •    TypeScript

Appsmith is an open source framework to build admin panels, CRUD apps and workflows. It is the front end tool for any backend. Turn any datasource into an internal app in minutes. Appsmith lets you drag-and-drop components to build dashboards, write logic with JavaScript objects and connect to any API, database or GraphQL source. Load data into widgets using vanilla Javascript and transform it within moustache.

react-native-sortable-listview - Drag drop capable wrapper of ListView for React Native

  •    Javascript

Drag drop capable wrapper of ListView for React Native. Allows for dragging and dropping of rows with automatic scrolling while dragging. See example.

ng-admin - Add an AngularJS admin GUI to any RESTful API

  •    Javascript

Plug me to your RESTFul API to get a complete administration interface (datagrid, filters, complex form widgets, multi-model relationships, dashboard) in no time! Beyond simple CRUD, ng-admin lets you build sophisticated GUIs without getting in your way. This project is now in maintenance mode. We've rebuilt it from scratch with React.js (the new project is called react-admin), and we're putting all our efforts on the React version.

react-albus - React component library for building declarative multi-step flows.

  •    Javascript

React Albus is a React component library used to build declarative multi-step journeys (also known as Wizards). You define your step content and ordering and React Albus will manage the journey-related state for you. React Albus is otherwise unopinionated and allows you to compose functionality such as routing, animation, and analytics however you see fit.

react-geosuggest - A React autosuggest for the Google Maps Places API.

  •    Javascript

A React autosuggest for the Google Maps Places API. You can also define your own suggests as defaults. Works with Preact, too. Visit the Google Developer Console to generate your API key. The API's that you have to enable in your Google API Manager Dashboard are Google Maps Geocoding API, Google Places API Web Service and Google Maps Javascript API.






We have large collection of open source products. Follow the tags from Tag Cloud >>


Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.