0.2.201 • Published 12 months ago

@mhmo91/schmancy v0.2.201

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

12 months ago

0.2.200

12 months ago

0.2.199

12 months ago

0.2.198

12 months ago

0.2.197

12 months ago

0.2.196

12 months ago

0.2.195

12 months ago

0.2.194

1 year ago

0.2.193

1 year ago

0.2.192

1 year ago

0.2.191

1 year ago

0.2.190

1 year ago

0.2.189

1 year ago

0.2.188

1 year ago

0.2.187

1 year ago

0.2.186

1 year ago

0.2.185

1 year ago

0.2.184

1 year ago

0.2.183

1 year ago

0.2.179

1 year ago

0.2.178

1 year ago

0.2.177

1 year ago

0.2.176

1 year ago

0.2.175

1 year ago

0.2.174

1 year ago

0.2.173

1 year ago

0.2.172

1 year ago

0.2.171

1 year ago

0.2.170

1 year ago

0.2.169

1 year ago

0.2.168

1 year ago

0.2.167

1 year ago

0.2.166

1 year ago

0.2.165

1 year ago

0.2.162

1 year ago

0.2.161

1 year ago

0.2.160

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

2 years ago

0.0.273

2 years ago

0.0.272

2 years ago

0.0.271

2 years ago