Giter VIP home page Giter VIP logo
Webments photo

webments Goto Github PK

repos: 6.0 gists: 0.0

Name: Webments

Type: Organization

Bio: Frameworks as design languages for all kinds of projects.

Location: Planet Earth

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

Webments's Projects

base icon base

Base repository for common classes for all frameworks.

submission icon submission

Submit your own repositories, creation requests and your ideas to help us!

webments icon webments

A collection of frameworks and elements from different design languages.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.