W3E (W3.CSS Enhanced)

This is the NPM package of the W3E framework.

Note: This is Release Candidate 3.1, W3.CSS Basic themes were added for convenience. This is a community feedback pre-production release.

Installation

npm install w3e

Usages

For styling only, import the CSS file as follows:

// import styles
import 'w3e/w3e.css'

To add a theme, import the theme CSS file as follows:

// import styles
import 'w3e/themes/w3-theme-color.css'

Replace "color" in w3-theme-color.css with the color name. Colors currently available are: amber, black, blue-green, blue, brown, cyan, dark, deep-orange, deep-purple, green, grey, indigo, khaki, light-blue, light-green, lime, orange, pink, purple, red, teal, and yellow. Example: w3-theme-yellow.css.

For interactive components like Progress Bar, import the JavaScript file as follows:

// import JavaScript
import w3e from 'w3e'

For instruction in how to use JS components, visit W3E framework.

Live Examples

For components demo, visit: https://codepen.io/emnawer

Support, Feedback & Issues

Your feedback is very important, please, visit the links below.

• For support & Feedback: (https://github.com/emnawer/w3e/discussions)
• To report issues: (https://github.com/emnawer/w3e/issues)