All Projects → modulz → Modulz Original Design System Archive

modulz / Modulz Original Design System Archive

Licence: mit
An open-source design system for building scalable, responsive websites and applications.

Projects that are alternatives of or similar to Modulz Original Design System Archive

Daisyui
⭐️ ⭐️ ⭐️ ⭐️ ⭐️  Tailwind Components
Stars: ✭ 382 (+27.33%)
Mutual labels:  css-framework, design-systems, ui-components
hucssley
Hucssley - a full-featured, consistent, atomic utility class library for rapidly building performant UI
Stars: ✭ 79 (-73.67%)
Mutual labels:  design-systems, css-framework
Semantic Ui
Semantic is a UI component framework based around useful principles from natural language.
Stars: ✭ 49,729 (+16476.33%)
Mutual labels:  css-framework, ui-components
meetup
For organizing the design systems meetup in NYC.
Stars: ✭ 23 (-92.33%)
Mutual labels:  design, design-systems
Mobi.css
A lightweight, scalable, mobile-first CSS framework
Stars: ✭ 2,348 (+682.67%)
Mutual labels:  css-framework, design
Numl
A UI Design Language, WC UI Library, and Runtime CSS Framework for rapidly building interfaces that follow your Design System 🌈
Stars: ✭ 229 (-23.67%)
Mutual labels:  css-framework, ui-components
ColorPick.js
A simple and minimal jQuery color picker plugin for the modern web.
Stars: ✭ 48 (-84%)
Mutual labels:  design, ui-components
Bulma
Modern CSS framework based on Flexbox
Stars: ✭ 44,771 (+14823.67%)
Mutual labels:  css-framework, design
skelet
Skelet.css a contemporary CSS framework. The basics to get started.
Stars: ✭ 69 (-77%)
Mutual labels:  css-framework, ui-components
notion.css
A minimal CSS framework that resembles the aesthetic of the note taking app Notion
Stars: ✭ 28 (-90.67%)
Mutual labels:  css-framework, ui-components
brevis
CSS at scale
Stars: ✭ 62 (-79.33%)
Mutual labels:  design, css-framework
Css Mint
Lightweight and simple to use UI Kit. Fully responsive, just 3KB gzipped.
Stars: ✭ 209 (-30.33%)
Mutual labels:  css-framework, ui-components
Sky Design
🌃 the design reference for the developers who care about good design.
Stars: ✭ 199 (-33.67%)
Mutual labels:  css-framework, design
Charts.css
Open source CSS framework for data visualization.
Stars: ✭ 4,595 (+1431.67%)
Mutual labels:  css-framework, ui-components
Fluent Reveal Effect
Fluent Reveal Effect JavaScript library for web
Stars: ✭ 164 (-45.33%)
Mutual labels:  css-framework, ui-components
svelteit
Svelteit is a minimalistic UI/UX component library for Svelte and Sapper projects
Stars: ✭ 64 (-78.67%)
Mutual labels:  css-framework, ui-components
Welcome Ui
Customizable design system of @wttj with react • styled-components • styled-system • reakit
Stars: ✭ 256 (-14.67%)
Mutual labels:  design, design-systems
Milligram
A minimalist CSS framework.
Stars: ✭ 9,568 (+3089.33%)
Mutual labels:  css-framework, design
Materialize
Materialize, a CSS Framework based on Material Design
Stars: ✭ 38,630 (+12776.67%)
Mutual labels:  css-framework, design
atomize
A library of atomic CSS classes.
Stars: ✭ 51 (-83%)
Mutual labels:  design-systems, css-framework

Modulz

An open-source design system for building scalable, responsive websites and applications.

Getting started

Paste this line of code into the <head> of your html files.

<link rel="stylesheet" href="https://s3.amazonaws.com/modulz/modulz.min.css">

or install with npm

npm install modulz-css

Documentation

Modulz Docs

Test page

For now, to get started, you will also need to html starter document. Just create a new folder, create an index.html file inside, then paste in the code below and open it in a browser.

<!DOCTYPE html>
<html class="oy-scroll" lang="en" style="font-size: 62.5%;">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width,initial-scale=1">
        <title>Modulz Starter</title>
        <link rel="stylesheet" href="https://s3.amazonaws.com/modulz/modulz.min.css">
    </head>
    <body class="ff-sansSerif color-gray900">
        <!-- Add your content here -->
    </body>
</html>

License

MIT. You can use Modulz as you see fit.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].