rajrock38

colorful-box-shadow

Awesome colorful box shadows

eslint-plugin-css-variables

eslint-plugin-spectrum-wc

ESLint plugin for Spectrum Web Components — catches accessibility gaps, deprecated APIs, and invalid attribute usage at lint time.

eslint-plugin-web-components-doctor

ESLint plugin for Spectrum Web Components — catches accessibility gaps, deprecated APIs, and invalid attribute usage at lint time.

get-fullstack-cli

A CLI to download fullstack Vue NodeJS boilerplate

javascript-image-reader

A Simple App to read image and output its contents

npm-use-debounce

A debounce hook for React

react-fblike-loader

Facebook like Elements Loader with Animation

react-sliding-drawer

A React Slider which can be opened from left or right

spectrum-design-tokens-for-vscode

Spectrum Design Tokens for VS Code

spectrum-eslint

@spectrum-web-components/accordion

The `<sp-accordion>` element contains a list of items that can be expanded or collapsed to reveal additional content or information associated with each item. There can be zero expanded items, exactly one expanded item, or more than one item expanded at a

@spectrum-web-components/actionbar

A `<sp-actionbar>` delivers a floating action bar that is a convenient way to deliver stateful actions in cases like selection mode. `<sp-actionbar>` can be deployed in two variants beyond the default: `[varient="fixed"]`, to position the element in relat

@spectrum-web-components/action-bar

A `<sp-action-bar>` delivers a floating action bar that is a convenient way to deliver stateful actions in cases like selection mode. `<sp-action-bar>` can be deployed in two variants beyond the default: `[varient="fixed"]` to position the element in rela

@spectrum-web-components/action-button

An `<sp-action-button>` represents an action a user can take.

@spectrum-web-components/action-group

`sp-action-group` delivers a set of action buttons in horizontal or vertical orientation while ensuring the appropriate spacing between those buttons. The `compact` attribute merges these buttons so that they are visually joined to clarify their relations

@spectrum-web-components/action-menu

An `<sp-action-menu>` is an action button that triggers an overlay with `<sp-menu-items>` for activation. Use an `<sp-menu>` element to outline the items that will be made available to the user when interacting with the `<sp-action-menu>` element. By defa

@spectrum-web-components/alert-banner

Web component implementation of a Spectrum design AlertBanner

@spectrum-web-components/alert-dialog

Web component implementation of a Spectrum design AlertDialog

@spectrum-web-components/asset

Use an `<sp-asset>` element to visually represent a file, folder or image in your application. File and folder representations will center themselves horizontally and vertically in the space provided to the element. Images will be contained to the element

@spectrum-web-components/avatar

An `<sp-avatar>` is a thumbnail representation of an entity, such as a user or an organization. Avatars can have a defined image, which is usually uploaded by a user.

@spectrum-web-components/badge

Web component implementation of a Spectrum design Badge

@spectrum-web-components/banner

An `<sp-banner>` is an additional label an existing component may have. Banners cannot be interacted with. Banners in Spectrum have three variations for different uses as well as the ability to place it overlaid in the top-right corner of a container.

@spectrum-web-components/bar-loader

An `<sp-bar-loader>` shows the progression of a system operation such as downloading, uploading, processing, etc. in a visual way. It can represent determinate or indeterminate progress.

@spectrum-web-components/base

The `SpectrumElement` base class as created by mixing `SpectrumMixin` onto `LitElement` provides text direction support via the CSS `:dir()` pseudo-class, which automatically inherits directionality from the DOM hierarchy. In a TypeScript context, it also