Skip to content

vrathee/rhelements

 
 

Repository files navigation

Getting Started | Element Catalog | Creating Components | Theming Components

RHElements logo

RHElements is a collection of flexible and lightweight Web Components, and the tools to build them. RHElements are...

  • Lightweight: small file size, minimal boilerplate, no "framework-like" features.
  • Universal: write once, use everywhere. RHElements work in React, Vue, Angular, vanilla JS, anywhere HTML elements are used.

The result of these two principles is plugging one set of comopnents into a wide variety of applications, bringing UX consistency and developer familiarity to any web project.

A Yeoman generator is included for creating Web Components that meets these goals.

Let's get started!

Quick-start

git clone [email protected]:RHElements/rhelements.git
cd rhelements
npm install # this will take a while due to lerna bootstrap
npm start

The start script will launch the demo pages. Demo pages are static showcases of each element, and also serve as scratchpads for experimenting while working on an element.

Notice: You will need to use Node v.7 or higher. Storybook may not work with Node v.10.


Getting Started | Developing Components | Theming

Packages

No packages published

Languages

  • CSS 46.3%
  • HTML 31.4%
  • JavaScript 22.3%