Explore all Lightview components powered by DaisyUI and ChartsCSS using the pull out tray to the left. Many examples are also displayed below.
Using Components
Two ways to use:
1. JavaScript Components
import { Button, Card } from './components/index.js';
const App = Card({ shadow: 'md' },
Card.Body({},
Button({ color: 'primary' }, 'Click me')
)
);2. DaisyUI Classes
<div class="card bg-base-100 shadow-md">
<div class="card-body">
<button class="btn btn-primary">
Click me
</button>
</div>
</div>Colors
Variants
Sizes
Inputs
Toggles
Image Overlay
Seamless image integration.
Standard
A simple card with padding and shadow.
Colored
Cards can use theme colors directly.
New software update available.
Your purchase has been confirmed!
Total Likes
25.6K
21% more than last month
Page Views
2.6M
21% more than last month
| Year | Growth |
|---|---|
| 2021 | 40% |
| 2022 | 60% |
| 2023 | 75% |
| 2024 | 90% |
Bars
Radial & Loading
70%
70%
- Register
- Choose plan
- Purchase
- Receive Product
Obi-Wan Kenobi
You were the Chosen One!
Anakin
I hate you!
-
Start
-
Apple Inc.
-
Google
-
SpaceX
| Name | Job | Favorite Color | |
|---|---|---|---|
| 1 | Cy Ganderton | Quality Control Specialist | Blue |
| 2 | Hart Hagerty | Desktop Support Technician | Purple |
| 3 | Brice Swyre | Tax Accountant | Red |
Components
Over 50 components