Kanban

Analytics

Chat

Files

Crypto

Banking

Todo

Orders

Recent

View All
Chat App
File Manager App
Email App
Kanban Board
Todo App
Crypto Dashboard
Banking Dashboard
Analytics Dashboard
Influencer Dashboard

25 May, 2022

Projects

Activity

## Banking cards

$2,139.22

**** **** **** 8945

$2,139.22

**** **** **** 8945

$2,139.22

**** **** **** 8945

## Pinned Apps

Kanban

Analytics

Chat

Files

Banking

11.3 hr

Working Hours

71%

13 /22

Completed tasks

49%

## Stock Market

## BTC

Bitcoin

60.33$

+3.3%

## SOL

Solana

20.56$

+4.11%

## Latest News

What is Tailwind CSS?

John D.

2 min read

Tailwind CSS Card Example

Travis F.

5 min read

10 Tips for Making a Good Camera Even Better

Alfredo E .

4 min read

## Settings

Dark Mode Monochrome Mode

35GB of 1TB

Upgrade

14

Pending

36

Completed

143

In Progress

279

Total

LMS App Design

Updated at 7 Sep

25%

jd

Store Dashboard

Updated at 11 Sep

49%

dv

Chat Mobile App

Updated at 19 Sep

13%

gt

NFT Marketplace App

Updated at 5 Sep

78%

jd

Today

6hr 22m

1. User Photo Changed

   12 minute ago

   John Doe changed his avatar photo

2. Images Added

   1 hour ago

   Mores Clarke added new image gallery

   Category: #Tag #Category

3. Design Completed

   3 hours ago

   Robert Nolan completed the design of the CRM application

   File_final.fig
   UI/UX CRM Dashboard

4. ER Diagram

   a day ago

   Team completed the ER diagram app

   Members:

   jd

5. Weekly Report

   a day ago

   The weekly report was uploaded

## Typography

- Elements
- Typography

## Basic Heading

Code

HTML headings are titles or subtitles that you want to display on a webpage. Check out code for detail of usage.

# Heading H1

## Heading H2

### Heading H3

#### Heading H4

##### Heading H5

###### Heading H6

      <h1 class="text-3xl">Heading H1</h1>
      <h2 class="text-2xl">Heading H2</h2>
      <h3 class="text-xl">Heading H3</h3>
      <h4 class="text-lg">Heading H4</h4>
      <h5 class="text-base">Heading H5</h5>
      <h6 class="text-sm">Heading H6</h6>

## Light Heading

Code

HTML headings are available with light variant. Check out code for detail of usage.

# Heading H1

## Heading H2

### Heading H3

#### Heading H4

##### Heading H5

###### Heading H6

      <h1 class="text-3xl font-light">Heading H1</h1>
      <h2 class="text-2xl font-light">Heading H2</h2>
      <h3 class="text-xl font-light">Heading H3</h3>
      <h4 class="text-lg font-light">Heading H4</h4>
      <h5 class="text-base font-light">Heading H5</h5>
      <h6 class="text-sm font-light">Heading H6</h6>

## Bold Heading

Code

HTML headings are available with bold variant. Check out code for detail of usage.

# Heading H1

## Heading H2

### Heading H3

#### Heading H4

##### Heading H5

###### Heading H6

      <h1 class="text-3xl font-semibold">Heading H1</h1>
      <h2 class="text-2xl font-semibold">Heading H2</h2>
      <h3 class="text-xl font-semibold">Heading H3</h3>
      <h4 class="text-lg font-semibold">Heading H4</h4>
      <h5 class="text-base font-semibold">Heading H5</h5>
      <h6 class="text-sm font-semibold">Heading H6</h6>

## Colored Heading

Code

HTML headings can be used in various colors. Check out code for detail of usage.

# Heading H1

## Heading H2

### Heading H3

#### Heading H4

##### Heading H5

###### Heading H6

      <h1 class="text-3xl text-primary dark:text-accent-light">Heading H1</h1>
      <h2 class="text-2xl text-secondary dark:text-secondary-light">Heading H2</h2>
      <h3 class="text-xl text-info">Heading H3</h3>
      <h4 class="text-lg text-success">Heading H4</h4>
      <h5 class="text-base text-warning">Heading H5</h5>
      <h6 class="text-sm text-error">Heading H6</h6>

## Display Heading

Code

Traditional heading elements are designed to work best in the meat of your page content. Check out code for detail of usage.

# Display 1

# Display 2

# Display 3

# Display 4

# Display 5

      <h1 class="text-8xl">Display 1</h1>
      <h1 class="text-7xl">Display 2</h1>
      <h1 class="text-6xl">Display 3</h1>
      <h1 class="text-5xl">Display 4</h1>
      <h1 class="text-4xl">Display 5</h1>

## Gradient Text

Code

The Text can be in gradient variants. Check out code for detail of usage.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

      <p>
        <span
          class="bg-gradient-to-r from-sky-400 to-blue-600 bg-clip-text text-lg font-semibold text-transparent"
        >
          The quick brown fox jumps over the lazy dog.
        </span>
      </p>
      <p>
        <span
          class="bg-gradient-to-r from-green-400 to-fuchsia-400 bg-clip-text text-lg font-semibold text-transparent"
        >
          The quick brown fox jumps over the lazy dog.
        </span>
      </p>
      <p>
        <span
          class="bg-gradient-to-r from-fuchsia-600 to-pink-600 bg-clip-text text-lg font-semibold text-transparent"
        >
          The quick brown fox jumps over the lazy dog.
        </span>
      </p>
      <p>
        <span
          class="bg-gradient-to-r from-amber-400 to-orange-600 bg-clip-text text-lg font-semibold text-transparent"
        >
          The quick brown fox jumps over the lazy dog.
        </span>
      </p>

## Text Decoration

Code

Utilities for controlling the decoration of text. Check out code for detail of usage.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

The quick brown fox jumps over the lazy dog.

      <p class="text-lg underline">The quick brown fox jumps over the lazy dog.</p>
      <p class="text-lg overline">The quick brown fox jumps over the lazy dog.</p>
      <p class="text-lg line-through">
        The quick brown fox jumps over the lazy dog.
      </p>
      <p class="text-lg no-underline">
        The quick brown fox jumps over the lazy dog.
      </p>

## Text Decoration Color

Code

Utilities for controlling the color of text decorations. Check out code for detail of usage.

I’m Derek, an astro-engineer based in Tattooine. I like to build X-Wings at My Company, Inc. Outside of work, I like to watch pod-racing and have light-saber fights.

      <p class="text-sm leading-6">
        I’m Derek, an astro-engineer based in Tattooine. I like to build X-Wings at
        <a href="#" class="font-semibold underline decoration-info decoration-2"
          >My Company, Inc</a
        >. Outside of work, I like to
        <a
          href="#"
          class="font-semibold underline decoration-secondary decoration-2"
          >watch pod-racing</a
        >
        and have
        <a href="#" class="font-semibold underline decoration-primary decoration-2"
          >light-saber</a
        >
        fights.
      </p>

## Text Decoration Style

Code

Utilities for controlling the style of text decorations. Check out code for detail of usage.

I’m Derek, an astro-engineer based in Tattooine . I like to build X-Wings at My Company, Inc. Outside of work, I like to watch pod-racing and have light-saber fights.

      <p class="text-sm leading-6">
        I’m Derek, an astro-engineer based in
        <a
          href="#"
          class="font-semibold underline decoration-info decoration-wavy decoration-2"
        >
          Tattooine </a
        >. I like to build X-Wings at
        <a
          href="#"
          class="font-semibold underline decoration-info decoration-double decoration-2"
          >My Company, Inc</a
        >. Outside of work, I like to
        <a
          href="#"
          class="font-semibold underline decoration-secondary decoration-dotted decoration-2"
          >watch pod-racing</a
        >
        and have
        <a
          href="#"
          class="font-semibold underline decoration-primary decoration-dashed decoration-2"
          >light-saber</a
        >
        fights.
      </p>