Webments

Framework Index

flat.css (Preview)

A flat design based framework.

fluent.css (Preview)

Fluent Design is Microsoft's design language.

neumorphic.css (Preview)

Neumorphic is a futuristic design metaphor and language.

oneui.css (Preview)

One UI is Samsung's design language.

paper.css (Preview)

A paper design based framework.

simplistika.css (Preview)

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

• submit your already existing framework to the Webments organization and develop it under us
• suggest a new framework idea (only suggestion for us to work on)
• suggest a new framework and work on it with us

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