Skip to content

Latest commit

 

History

History
99 lines (68 loc) · 5.4 KB

README.md

File metadata and controls

99 lines (68 loc) · 5.4 KB

webments icon

Webments

Webments is a collection of frameworks designed with scratch CSS using different design languages.

Warning: Work in Progress, do NOT use.

Framework Index

npm npm bundle size GitHub stars GitHub forks
A flat design based framework.

npm npm bundle size GitHub stars GitHub forks
Fluent Design is Microsoft's design language.

npm npm bundle size GitHub stars GitHub forks
Neumorphic is a futuristic design metaphor and language.

npm npm bundle size GitHub stars GitHub forks
One UI is Samsung's design language.

npm npm bundle size GitHub stars GitHub forks
A paper design based framework.

npm npm bundle size GitHub stars GitHub forks
Simplistika is Mercode's design language.

Your own framework can be here!

See details.

How to use

  1. Select a framework from the framework index above.
  2. Follow the installation guide.
  3. Use the preview page to obtain the classes you need.
  4. Use them in your projects with the same class names.

Contributing

Contributions to existing frameworks

All frameworks/repositories under this organization is open to your contributions. You can

  • follow up the to-do's and bugs via issues
  • submit your own issues (bug reports and feature requests)
  • fork and submit pull requests with your improvements.

Contributions with your own framework

You can

Structure

The basic structure is based on repositories. Every repository contain the files for a single design language and a README file which briefly explains the design language and the files themselves.

Base repository

The base repository has the most basic style, using plain HTML and CSS styles and are the base file for other design languages. Other repositories use these files as base to themselves and updates made to the contents of this folder are also synced with other repositories (e.g. main.css).

Name terminology

Web + Elements = Webments