0.2.201 • Published 9 months ago

@mhmo91/schmancy v0.2.201

Weekly downloads
-
License
Apache-2.0
Repository
github
Last release
9 months ago

Schmancy UI Library

Schmancy is a UI library built as web components, designed to provide a collection of reusable and customizable UI elements for modern web applications. It offers an uncomplicated implementation of Material Design 3 (M3), with minor deviations, utilizing lit.dev and Tailwind CSS, and employs Vite as the build process.

Features

  • Web Components: Built using the Web Components standard, ensuring encapsulation and reusability across different projects.
  • Material Design 3: Adheres to M3 guidelines, providing a modern and cohesive design language.
  • Customizable: Easily style and configure components to match your application's design requirements.
  • Lightweight: Minimal dependencies to keep your application performant.

Installation

To install Schmancy use yarn:

yarn add @mhmo91/schmancy

use npm:

npm install @mhmo91/schmancy

Alternatively, if you're using Yarn:

yarn add @mhmo91/schmancy

Usage

After installation, you can import and use Schmancy components in your project.

Importing All Components

To import all components:

import '@mhmo91/schmancy'

This will make all Schmancy components available for use in your application.

Importing Individual Components

To import a specific component, such as the schmancy-button:

import '@mhmo91/schmancy/button'

This will load only the schmancy-button component, which can be used as follows:

<schmancy-button>Click Me</schmancy-button>

Note: Replace 'button' with the desired component name to import other components individually.

Documentation

For detailed documentation and examples, please visit the Schmancy Wiki.

Below is a table linking to each component’s documentation on the GitHub Wiki:

ComponentDescriptionDocumentation
schmancy-areaArea componentWiki - schmancy-area
schmancy-typewriterTypewriter componentWiki - schmancy-area
schmancy-autocompleteAutocomplete fieldWiki - schmancy-autocomplete
schmancy-busyLoading/busy indicatorWiki - schmancy-busy
schmancy-buttonCustomizable buttonWiki - schmancy-button
schmancy-cardCard for content displayWiki - schmancy-card
schmancy-checkboxCheckbox componentWiki - schmancy-checkbox
schmancy-chipsChips for display or selectionWiki - schmancy-chips
schmancy-content-drawerCollapsible drawer componentWiki - schmancy-content-drawer
schmancy-dividerDivider for separating sectionsWiki - schmancy-divider
schmancy-formForm componentWiki - schmancy-form
schmancy-iconsIcon setWiki - schmancy-icons
schmancy-inputInput field componentWiki - schmancy-input
schmancy-layoutLayout utilityWiki - schmancy-layout
schmancy-listList componentWiki - schmancy-list
schmancy-menuMenu componentWiki - schmancy-menu
schmancy-nav-drawerNavigation drawerWiki - schmancy-nav-drawer
schmancy-notificationNotification componentWiki - schmancy-notification
schmancy-optionOption selectorWiki - schmancy-option
schmancy-radio-groupRadio button groupWiki - schmancy-radio-group
schmancy-selectSelect dropdownWiki - schmancy-select
schmancy-sheetSheet componentWiki - schmancy-sheet
schmancy-surfaceSurface elementWiki - schmancy-surface
schmancy-tableTable componentWiki - schmancy-table
schmancy-tabsTabbed navigationWiki - schmancy-tabs
litUISchmancy
@floating-ui/dom@lit-labs/motion@lit-labs/virtualizer@lit/context@material/material-color-utilities@material/mwc-base@material/web@rollup/plugin-strip@rollup/plugin-terser@tailwindcss/nesting@types/cleave.js@webcomponents/scoped-custom-element-registry@webcomponents/webcomponentsjscleave.jsdayjsfastest-levenshteinhighlight.jsimmerlitplayground-elementsrxjstippy.jsts-is-presenttypeittypescriptuuidweb-component-analyzer
0.2.201

9 months ago

0.2.200

9 months ago

0.2.199

9 months ago

0.2.198

9 months ago

0.2.197

10 months ago

0.2.196

10 months ago

0.2.195

10 months ago

0.2.194

10 months ago

0.2.193

10 months ago

0.2.192

10 months ago

0.2.191

10 months ago

0.2.190

10 months ago

0.2.189

11 months ago

0.2.188

11 months ago

0.2.187

11 months ago

0.2.186

11 months ago

0.2.185

11 months ago

0.2.184

11 months ago

0.2.183

11 months ago

0.2.179

11 months ago

0.2.178

11 months ago

0.2.177

11 months ago

0.2.176

11 months ago

0.2.175

11 months ago

0.2.174

11 months ago

0.2.173

11 months ago

0.2.172

11 months ago

0.2.171

11 months ago

0.2.170

11 months ago

0.2.169

11 months ago

0.2.168

11 months ago

0.2.167

11 months ago

0.2.166

11 months ago

0.2.165

11 months ago

0.2.162

11 months ago

0.2.161

11 months ago

0.2.160

11 months ago

0.2.159

11 months ago

0.2.158

11 months ago

0.2.157

11 months ago

0.2.156

11 months ago

0.2.155

11 months ago

0.2.154

11 months ago

0.2.153

11 months ago

0.2.150

11 months ago

0.2.149

11 months ago

0.2.148

12 months ago

0.2.147

12 months ago

0.2.146

12 months ago

0.2.145

12 months ago

0.2.144

12 months ago

0.2.143

12 months ago

0.2.142

12 months ago

0.2.140

12 months ago

0.2.139

12 months ago

0.2.138

12 months ago

0.2.137

12 months ago

0.2.136

12 months ago

0.2.135

12 months ago

0.2.134

12 months ago

0.2.133

12 months ago

0.2.132

12 months ago

0.2.131

12 months ago

0.2.130

12 months ago

0.2.129

12 months ago

0.2.128

12 months ago

0.2.127

12 months ago

0.2.126

12 months ago

0.2.125

12 months ago

0.2.124

12 months ago

0.2.123

1 year ago

0.2.122

1 year ago

0.2.121

1 year ago

0.2.120

1 year ago

0.2.118

1 year ago

0.2.117

1 year ago

0.2.116

1 year ago

0.2.115

1 year ago

0.2.114

1 year ago

0.2.113

1 year ago

0.2.112

1 year ago

0.2.111

1 year ago

0.2.110

1 year ago

0.2.109

1 year ago

0.2.108

1 year ago

0.2.107

1 year ago

0.2.106

1 year ago

0.2.105

1 year ago

0.2.104

1 year ago

0.2.103

1 year ago

0.2.102

1 year ago

0.2.101

1 year ago

0.2.100

1 year ago

0.2.99

1 year ago

0.2.98

1 year ago

0.2.97

1 year ago

0.2.96

1 year ago

0.2.94

1 year ago

0.2.92

1 year ago

0.2.90

1 year ago

0.2.88

1 year ago

0.2.87

1 year ago

0.2.86

1 year ago

0.2.85

1 year ago

0.2.84

1 year ago

0.2.83

1 year ago

0.2.82

1 year ago

0.2.81

1 year ago

0.2.80

1 year ago

0.2.79

1 year ago

0.2.78

1 year ago

0.2.77

1 year ago

0.2.76

1 year ago

0.2.75

1 year ago

0.2.74

1 year ago

0.2.72

1 year ago

0.2.71

1 year ago

0.2.70

1 year ago

0.2.65

1 year ago

0.2.64

1 year ago

0.2.61

1 year ago

0.2.60

1 year ago

0.2.59

1 year ago

0.2.58

1 year ago

0.2.57

1 year ago

0.2.56

1 year ago

0.2.54

1 year ago

0.2.53

1 year ago

0.2.52

1 year ago

0.2.51

1 year ago

0.2.50

1 year ago

0.2.48

1 year ago

0.2.47

1 year ago

0.2.46

1 year ago

0.2.45

1 year ago

0.2.44

1 year ago

0.2.43

1 year ago

0.2.42

1 year ago

0.2.41

1 year ago

0.2.40

1 year ago

0.2.39

1 year ago

0.2.38

1 year ago

0.2.37

1 year ago

0.2.36

1 year ago

0.2.35

1 year ago

0.2.34

1 year ago

0.2.33

1 year ago

0.2.32

1 year ago

0.2.31

1 year ago

0.2.30

1 year ago

0.2.29

1 year ago

0.2.28

1 year ago

0.2.27

1 year ago

0.2.26

1 year ago

0.2.23

1 year ago

0.2.22

1 year ago

0.2.21

1 year ago

0.2.20

1 year ago

0.2.19

1 year ago

0.2.18

1 year ago

0.2.17

1 year ago

0.2.16

1 year ago

0.2.15

1 year ago

0.2.14

1 year ago

0.2.13

1 year ago

0.2.12

1 year ago

0.2.10

1 year ago

0.2.9

1 year ago

0.2.8

1 year ago

0.2.7

1 year ago

0.2.6

1 year ago

0.2.5

1 year ago

0.2.3

1 year ago

0.2.2

1 year ago

0.2.1

1 year ago

0.2.0

1 year ago

0.1.4

1 year ago

0.1.3

1 year ago

0.1.2

1 year ago

0.1.1

1 year ago

0.1.0

1 year ago

0.0.293

1 year ago

0.0.292

1 year ago

0.0.291

1 year ago

0.0.290

1 year ago

0.0.289

1 year ago

0.0.288

1 year ago

0.0.287

1 year ago

0.0.285

1 year ago

0.0.283

1 year ago

0.0.282

1 year ago

0.0.281

1 year ago

0.0.280

1 year ago

0.0.279

1 year ago

0.0.278

1 year ago

0.0.277

1 year ago

0.0.275

1 year ago

0.0.274

1 year ago

0.0.273

1 year ago

0.0.272

1 year ago

0.0.271

1 year ago