CTW Kit Component and Utilities Librabry
Change theme
ctw
dark
light
cupcake
bumblebee
emerald
corporate
synthwave
retro
cyberpunk
valentine
halloween
garden
forest
aqua
lofi
pastel
fantasy
wireframe
black
luxury
dracula
cmyk
autumn
business
acid
lemonade
night
coffee
winter
This is a collection of components and utilities for Svelte and TailwindCSS (DaisyUI): bun add ctw-kit
Toggle Component
Basic Toggle:
Toggle with Label:
Controlled Toggle:
Custom Styled Toggle:
Usage example:
<Toggle
checked={true}
label="Enable notifications"
className="toggle-primary"
onChange={(event: { checked: boolean }) => console.log('Toggle changed:', event.checked)}
/>Icons (unplugin-icons)
Import icons using:
import IconName from '~icons/ph/icon-name';
Hello Component
Hello World!
Carousel Component
Image Carousel
TiltContent Component
Hover me!
Me too!
Feedback Component
Click to open feedback modal
SendEmail Component
Theme Examples
Default Badge
Primary
Secondary
Accent
Design should have a meaning.
Engineering should have a purpose.
And ultimately, Technology should empower people.
Engineering should have a purpose.
And ultimately, Technology should empower people.