Skip to content

A collection of frameworks and elements from different design languages.

Notifications You must be signed in to change notification settings

webments/Webments

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

28 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

About

A collection of frameworks and elements from different design languages.

Topics

Resources

Code of conduct

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published