Casually Components (Old Monorepo)

Dev's Note

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.

Overview

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.

Start here!

Play

Documentation site under construction where you can play and compose components live!

Install

npm i casually-components

Plug

Usage samples

Skin Masterlist

• 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!

Component Masterlist

• Box
• Button
• Card
• SocialButton

All I want after Christmas

• 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