https://github.com/chataize/dopamine-ui

Aesthetic C# .NET Blazor component library that makes the UI seamless and entertaining to use.
https://github.com/chataize/dopamine-ui

asp-net-core blazor blazor-server component component-library controls css design dotnet dotnet-core framework library razor tailwind tailwindcss ui ui-components ui-framework ui-library ux

Last synced: 1 day ago
JSON representation

Aesthetic C# .NET Blazor component library that makes the UI seamless and entertaining to use.

• Host: GitHub
• URL: https://github.com/chataize/dopamine-ui
• Owner: chataize
• License: gpl-3.0
• Created: 2024-04-04T23:10:16.000Z (7 months ago)
• Default Branch: main
• Last Pushed: 2024-11-05T13:57:14.000Z (9 days ago)
• Last Synced: 2024-11-05T14:48:23.514Z (9 days ago)
• Topics: asp-net-core, blazor, blazor-server, component, component-library, controls, css, design, dotnet, dotnet-core, framework, library, razor, tailwind, tailwindcss, ui, ui-components, ui-framework, ui-library, ux
• Language: CSS
• Homepage: https://www.chataize.com
• Size: 912 KB
• Stars: 5
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

        
![hero](https://github.com/chataize/dopamine-ui/assets/124832798/302f8f3b-73e0-40b3-82ce-d9997bfb0a88)

# Dopamine UI

An aesthetic C# .NET Blazor component library that makes the UI seamless and entertaining to use.

## Installation

### NuGet Package

#### .NET CLI

```bash

dotnet add package ChatAIze.DopamineUI

```

#### Package Manager Console

```powershell

Install-Package ChatAIze.DopamineUI

```

### CSS

#### App.razor File

```html

  

  

  

```

> [!NOTE]

> Dopamine UI is built with [Tailwind CSS](https://tailwindcss.com), however, you don't have to install, set up, or use Tailwind CSS by yourself. All styles are already pre-generated and included in the NuGet package.

## Usage

For detailed examples, see our [preview](https://github.com/chataize/dopamine-ui/blob/main/preview/Components/Pages/Home.razor) app.

### Table of Contents

- [Button](#button)

- [Text Field](#text-field)

- [Text Area](#text-area)

- [Toggle Switch](#toggle-switch)

- [Checkbox](#checkbox)

- [Radio Button](#radio-button)

- [Divider](#divider)

### Button

#### Standard

```cs

```

#### Full Width

```cs

```

#### Accent

```cs

```

#### Destructive

```cs

```

#### Loading

```cs

```

#### Disabled

```cs

```

### Text Field

#### Unlabeled

```cs

```

#### Standard

```cs

 

```

#### Email

```cs

 

```

#### Password

```cs

 

```

#### Full Width

```cs

 

```

#### Loading

```cs

 

```

#### Disabled

```cs

 

```

### Text Area

#### Unlabeled

```cs

```

#### Standard

```cs

 

```

#### Full Width

```cs

 

```

#### Loading

```cs

 

```

#### Disabled

```cs

 

```

### Toggle Switch

#### Unlabeled

```cs

```

#### Standard

```cs

```

#### Full Width

```cs

```

#### Framed

```cs

```

#### Disabled

```cs

```

### Checkbox

#### Unlabeled

```cs

```

#### Standard

```cs

```

#### Full Width

```cs

```

#### Framed

```cs

```

#### Disabled

```cs

```

### Radio Button

#### Unlabeled

```cs

```

#### Standard

```cs

```

#### Full Width

```cs

```

#### Framed

```cs

```

#### Disabled

```cs

```

### Divider

```cs

```