Gathering detailed insights and metrics for dculus-daisy-ui
Gathering detailed insights and metrics for dculus-daisy-ui
Installations
npm install dculus-daisy-uiDeveloper Guide
BETA
Typescript
No
Module System
CommonJS
Node Version
14.19.0
NPM Version
6.14.16
Releases
Unable to fetch releases
Languages
5
JavaScript
TypeScript
Shell
HTML
CSS
JavaScript (78.25%)
TypeScript (16.17%)
Shell (2.59%)
HTML (2.55%)
CSS (0.44%)
Developer
dculussoftwares
Download Statistics
Total Downloads
0
Last Day
0
Last Week
0
Last Month
0
Last Year
0
GitHub Statistics
MIT License
1,543 Commits
2 Branches
43 Contributors
Updated on Mar 29, 2022
Maintainers
1
Package Meta Information
Latest Version
0.0.14
Package Id
dculus-daisy-ui@0.0.14
Unpacked Size
537.14 kB
Size
131.58 kB
File Count
11
NPM Version
6.14.16
Node Version
14.19.0
Total Downloads
Cumulative downloads
Total Downloads
NaN
Last Day
0%
NaN
Compared to previous day
Last Week
0%
NaN
Compared to previous week
Last Month
0%
NaN
Compared to previous month
Last Year
0%
NaN
Compared to previous year
Weekly Downloads
Monthly Downloads
Yearly Downloads
Peer Dependencies
2
Dev Dependencies
55
pre-commit@rollup/plugin-commonjs@rollup/plugin-node-resolverolluprollup-plugin-copyrollup-plugin-peer-deps-externalrollup-plugin-postcssrollup-plugin-typescript2@parcel/css-cli@types/css-selector-tokenizer@vitest/uiautoprefixerc8color-contrast-checkerpostcss-clipostcss-importpostcss-nestedprejss-clirtlcssvitest@babel/cli@babel/core@babel/preset-env@babel/preset-react@babel/preset-typescript@tailwindcss/jit@types/react@types/react-dom@types/tailwindcssbabel-loadercss-loaderfile-loaderhtml-loaderhtml-webpack-pluginpostcsspostcss-loaderreactreact-domsasssass-loaderstyle-loadertailwindcsswebpackwebpack-bundle-analyzerwebpack-cliwebpack-dev-server@pmmmwh/react-refresh-webpack-plugincss-minimizer-webpack-pluginmini-css-extract-pluginreact-refreshterser-webpack-plugin@typescript-eslint/eslint-plugin@typescript-eslint/parserts-loadertypescript
Tailwind CSS Components
Adds component classes like btn, card and more to Tailwind CSS
daisyUI 2.0
- 👉 [ See all components ]
- 📘 Documents: daisyui.com
- 🎲 Try it online: Tailwind Play | Codepen
- 📦 Source: GitHub | NPM | Unpkg | JSdeliver | cdnjs
🌼 Features
show / hide
- Tailwind CSS plugin
daisyUI is a Tailwind CSS plugin. Install it and add it to yourtailwind.config.jsfile. - Component classes
Adds component classes to Tailwind. Classes likebtn,card,… So you will end up with a cleaner HTML. - Semantic color names
Adds color names likeprimary,secondary,accent,…. - Customizable
You can customize the design of components with Tailwind utility classes and CSS variables. - Themeable
Add multiple themes and customize colors. You can even set a theme for a specific section of your page. - RTL supported
Enablertlconfig for right to left layouts. - Pure CSS
No script file. Pure CSS. Works on all frameworks!
📀 Install now!
1npm i daisyui
Then add daisyUI to your tailwind.config.js
[ Read more ]
1module.exports = { 2 plugins: [require("daisyui")], 3};
Or use a CDN
Loading CSS files from CDN is not recommended for production. It's better to install Tailwind and daisyUI as Nodejs dependencies so you can config/customize everything, and purge unused styles.
1<link href="https://cdn.jsdelivr.net/npm/daisyui@2.13.3/dist/full.css" rel="stylesheet" type="text/css" /> 2<script src="https://cdn.tailwindcss.com"></script>
🚀 Use
Use component classes to build your UI.
1<a class="btn">Hello!</a>
1<input type="checkbox" class="checkbox" />
1<input type="checkbox" class="toggle" />
1<div class="alert alert-success">Message sent successfully</div>
👉 See all components
🎲 Try it online
📘 Documents + Examples
See the official site:
[ daisyui.com ↗︎ ]
🤝 Contributing
Read the documents for more info:
[ Read contribution guide ]
List of Components
show / hide
-
Actions
- Button
- Dropdown
- Modal
- Swap
-
Data display
- Alert
- Avatar
- Badge
- Banner
- Calendar
- Card
- Carousel
- Chat bubble
- Collapse
- Comment
- Countdown
- Empty placeholder
- Kbd
- Loading
- Progress
- Radial progress
- Stat
- Table
- Tag
- Timeline
- Toast
- Tooltip
- Treeview
-
Data input
- Checkbox
- Text input
- Radio
- Range
- Rating
- Select
- Textarea
- Toggle
- Upload
-
Layout
- Artboard
- Button group
- Divider
- Drawer
- Footer
- Hero
- Indicator
- Input group
- Mask
- Stack
-
Navigation
- App bar
- Breadcrumbs
- Link
- Menu
- Navbar
- Pagination
- Steps
- Tab
-
Mockup
- Browser
- Code
- Phone
- Window
Featured on:
show / hide
- Blogs
- Youtube videos
- Supabase & Sveltekit - Build Twitter in 75 minutes
- Setup the Best Frontend JavaScript Stack - Svelte, Vite, TailwindCSS and DaisyUI
- Jamstack powered Image gallery with Cloudinary, Tailwind and DaisyUI
- SvelteKit Crash Course w/ Tailwind CSS and DaisyUI, GraphQL and dynamic routes
- DaisyUI : Worth a try or skip on by?
- How to use daisyUI in SvelteKit?
- DaisyUI Untuk Yang Mau Pindah ke TailwindCSS dari Bootstrap (Indonesian)
- Next.js - Tailwind - DeisyUI Setup
- Svelte Setup with Vite, Tailwind, DaisyUI. Custom Themes!
- Build a blog with Svelte
- Building a product in less than 10 minutes: Laravel, InertiaJS, VueJS, TailwindCSS, DaisyUI
- Infinite scrolling with MERN | ReactJS, TailwindCSS v3, DaisyUI | NodeJs, Express, MongoDB
- How to install TailwindCSS v3 and DaisyUI to your React app
- Laravel: DaisyUI Agiliza Tus Desarrollos Con TailwindCSS + Select2 Tailwind Style (Spanish)
- Courses
- Building with SvelteKit and GraphCMS
- Svelte for Beginners by Mike Karan
- React Front To Back 2022 by Brad Traversy
- Build Instagram profile page UI clone w/Next.js TailwindCSS
- Instagram UI Clone Login Page w/ NextJS & TailwindCSS
- Build your Developer Portfolio and Blog from Scratch with Svelte and GraphCMS
༼ つ ◕_◕ ༽つ Please share
No vulnerabilities found.
No security vulnerabilities found.