This component library is deprecated. Components of all framework libraries will continue to be available but discouraged for public use as modules are in premature stage. Security and accessibility features aren't incorporated.
Project is migrating to the new Casually UI repository as a single distribution of native web components.
Delightfully easy-use, and customizable smart components for Svelte, React, Vue, Solid, Lit, and Angular. Transcend Bootstrap and Material-esque common looks with beautiful, craft-grade textured skins.
All components are coded from scratch with pure CSS, SVG, or generative JS. Use of assets such as fonts are coded into the barebones of the component.
No external dependencies apart from framework core libraries.
No external links.
Documentation site under construction where you can play and compose components live!
npm i casually-components
Usage samples
-
platinum
Light, high-quality platings of white steel with a subtle, silver lustre. -
asphalt
Dark and solid, asphalt blocks with occasional white and gold markings. -
glass
Colorless transparent glass components with a slight lustre. -
epoxy
Color-agnostic, blur and opacity-adjustable translucent glass components with no lustre. -
paper
Color-agnostic paper cutout and stationary-like skin. Uses an exclusive handwritten font!
- Get base component integrations working
- Prepare component variations for all skins
- Launch play site
- Smart framework detection, or a way to set framework context. If not possible, work with scoped packages
- Add complex components such as a Form suite, Roadmap, Timeline, Calendar