webments / neumorphic.css

Neumorphic CSS framework by Webments. (WIP)

Webments

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

Warning: Work in Progress, do NOT use.

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

neumorphic.css's Issues

Add components from simplistika.css

Add components like blockquotes from simplistika.css to the index file.

Button transition not working on Chrome for Windows

I've tested the preview on Chrome for Windows which resulted in a transitionless output.

Needs further investigation.

Curl and Wget support

There's PR about it.

Add codes to blocks below preview

Add equivalent codes to code blocks under previews on the website (documentation).

The installation made according to getting started description gives error

Bug Report

neumorphic.css version:
[x] 0.2.1

Current behavior:
The installation made according to getting started description gives error

Describe Preferred Solution
user should copy the css file to a static folder

Additional Context