Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>DaisyUI SnippetsNew to Visual Studio Code? Get it now.
DaisyUI Snippets

DaisyUI Snippets

mrniamster

|
4,669 installs
| (2) | Free
VS Code snippets for DaisyUI components
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

DaisyUI Snippets for VS Code

Visual Studio Code snippets for LATEST DaisyUI 4 components 💦

Buy Me A Coffee

What's New 🎉

v1.2.0

  • Added new components:
    • Timeline (duitimeline)
    • Skeleton (duiskeleton)
    • Image Comparison (duidiff)
    • Theme Controller (duitheme)
    • Join Vertical (duijoin-vertical)
  • Added colored loading variants
  • Removed SVG icons for better customization
  • Fixed indentation issues
  • Improved accessibility with ARIA labels

v1.1.0

  • Added Support for Vue/Javascript/React
  • Initial release with basic components

Features

All snippets start with dui prefix. For example:

  • duibtn - Button component
  • duicard - Card component
  • duimodal - Modal component // ...existing features...

Usage

Type dui and press Ctrl+Space to see all available snippets.

Available Snippets

| Prefix | Description | |--------|-------------| | duibtn | Button | | duicard | Card | | duimodal | Modal | | duitimeline | Timeline | | duiskeleton | Skeleton | | duidiff | Image Comparison | | duitheme | Theme Controller | // ...rest of table...

Requirements

  • DaisyUI v3.0.0 or higher
  • Tailwind CSS v3.0.0 or higher

License

MIT

## Features

![Start writing Code snipped with dui](https://github.com/mrniamster/daisyui-snippets-vscode/raw/HEAD/image.png)

> Supports latest DaisyUI components
> Updated Weekly
> Open Source
> Compatiable with JS,VUE,React.
> Contains 53+ Latest Code snippets from Daisy UI,for blazing fast development ⚡

## Requirements

None

## Extension Settings

None

## Known Issues

None

## Release Notes

Users appreciate release notes as you update your extension.

### 1.0.0

Initial release of Daisy UI Snippets 

### 1.1.0

Added Support for Vue/Javascript/React

---



## For more information

* [Visual Studio Code's Markdown Support](http://code.visualstudio.com/docs/languages/markdown)
* [Markdown Syntax Reference](https://help.github.com/articles/markdown-basics/)

**Enjoy!**
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft