0.2.201 • Published 11 months ago

@mhmo91/schmancy v0.2.201

Weekly downloads
-
License
Apache-2.0
Repository
github
Last release
11 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

11 months ago

0.2.200

11 months ago

0.2.199

11 months ago

0.2.198

11 months ago

0.2.197

11 months ago

0.2.196

11 months ago

0.2.195

11 months ago

0.2.194

12 months ago

0.2.193

12 months ago

0.2.192

12 months ago

0.2.191

12 months ago

0.2.190

12 months ago

0.2.189

12 months ago

0.2.188

12 months ago

0.2.187

12 months ago

0.2.186

12 months ago

0.2.185

12 months ago

0.2.184

12 months ago

0.2.183

12 months ago

0.2.179

12 months ago

0.2.178

12 months ago

0.2.177

12 months ago

0.2.176

12 months ago

0.2.175

12 months ago

0.2.174

12 months ago

0.2.173

12 months ago

0.2.172

12 months ago

0.2.171

12 months ago

0.2.170

12 months ago

0.2.169

12 months ago

0.2.168

12 months ago

0.2.167

12 months ago

0.2.166

12 months ago

0.2.165

12 months ago

0.2.162

12 months ago

0.2.161

12 months ago

0.2.160

12 months ago

0.2.159

1 year ago

0.2.158

1 year ago

0.2.157

1 year ago

0.2.156

1 year ago

0.2.155

1 year ago

0.2.154

1 year ago

0.2.153

1 year ago

0.2.150

1 year ago

0.2.149

1 year ago

0.2.148

1 year ago

0.2.147

1 year ago

0.2.146

1 year ago

0.2.145

1 year ago

0.2.144

1 year ago

0.2.143

1 year ago

0.2.142

1 year ago

0.2.140

1 year ago

0.2.139

1 year ago

0.2.138

1 year ago

0.2.137

1 year ago

0.2.136

1 year ago

0.2.135

1 year ago

0.2.134

1 year ago

0.2.133

1 year ago

0.2.132

1 year ago

0.2.131

1 year ago

0.2.130

1 year ago

0.2.129

1 year ago

0.2.128

1 year ago

0.2.127

1 year ago

0.2.126

1 year ago

0.2.125

1 year ago

0.2.124

1 year 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