Finance Data Dashboard - Material You Design System

The concept of a dashboard, where the central element is a data table.

By clicking on a switch, you can enable the display of graphs/charts (which are available on other screens).

This dashboard is comprised of components from the Material Me Design system, which can be customized and extended.

However, this layout can be used for many other types of data as well.

This layout, like others, is part of the design system.

_____

Info

Material Me UI kit is a web-optimized design system with 2600+ variants for 39 components and 240+ ready-to-use app layouts crafted for Figma.

Based on Material Design 3 (new Material You) guidelines, this design system enhanced with Tailwind CSS colors and uses Readex Pro font, which is free and similar to Google Sans.

Each template inside is assembled for desktop, tablet & mobile viewports and represented within a range of color variations, including dark theme.

The React components based on design system are available, created using Next.js, Tailwind and TypeScript.

Material Design 3 system contains 37 categories of components. Represented by 2600+ variants and compatible with m3.material.io
Comes loaded with 240+ pre-made templates for 📱💻 🖥 and organized into 10 popular categories
Includes layouts for Booking, Delivery, Analytics, NFTs, DeFi, Trading, Calendars, Social, Projects, Finances, Forms, Landing page

_____