GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → n8design → htwoo

n8design / htwoo

Licence: MIT license
hTWOo - a better Fluent UI framework.

Programming Languages

SCSS
7915 projects
typescript
32286 projects
javascript
184084 projects - #8 most used programming language
Handlebars
879 projects
CSS
56736 projects
shell
77523 projects

Labels

styleguidereactjsatomic-designfluent-designfluent-design-systemhtwoo-ui

Projects that are alternatives of or similar to htwoo

Fluent-Design-For-Web
Windows 10 Inspired UI For Web
Stars: ✭ 28 (-58.21%)
Mutual labels:  fluent-design, fluent-design-system
Fluent-Design
Microsoft's Fluent Design with pure HTML/CSS/JS
Stars: ✭ 36 (-46.27%)
Mutual labels:  fluent-design, fluent-design-system
core
The Pangolin.js core that drives everything.
Stars: ✭ 18 (-73.13%)
Mutual labels:  styleguide
javascript
Traveloka JavaScript style guide
Stars: ✭ 24 (-64.18%)
Mutual labels:  styleguide
design-system
Nulogy Design System
Stars: ✭ 61 (-8.96%)
Mutual labels:  styleguide
The-One-True-Lisp-Style-Guide
A subset of style recommendations for Common Lisp based upon the points of agreement found in other style guides.
Stars: ✭ 32 (-52.24%)
Mutual labels:  styleguide
sonar-css-plugin
SonarQube CSS / SCSS / Less Analyzer
Stars: ✭ 46 (-31.34%)
Mutual labels:  styleguide
shared-react-components-example
An example of a mono-repository of shared React components libraries!
Stars: ✭ 85 (+26.87%)
Mutual labels:  atomic-design
mdn-fiori
MDN Web Docs Front-End style guide
Stars: ✭ 16 (-76.12%)
Mutual labels:  styleguide
git-style-guide
Руководство по использованию Git на русском языке
Stars: ✭ 30 (-55.22%)
Mutual labels:  styleguide
JavaScript-Styleguide
📃 The NullDev JavaScript Styleguide
Stars: ✭ 23 (-65.67%)
Mutual labels:  styleguide
styleguide
Liip Web Styleguide
Stars: ✭ 14 (-79.1%)
Mutual labels:  styleguide
BilibiliLiveRecordDownLoader
Bilibili 直播录制与回放下载
Stars: ✭ 422 (+529.85%)
Mutual labels:  fluent-design
fractal-starter-kit
Starter kit for Fractal with SCSS, Webpack, XO, sass-lint and Gulp
Stars: ✭ 22 (-67.16%)
Mutual labels:  styleguide
website
Fully responsive website built with NextJS, React and Fluent UI, with the aim of providing services and access to all groups of didactic courses and general purposes to students of the University of Milan.
Stars: ✭ 29 (-56.72%)
Mutual labels:  fluent-design
VFluent
Vue Components inspired by Microsoft's Fluent Design System
Stars: ✭ 75 (+11.94%)
Mutual labels:  fluent-design
styleguide-starterkit
A starterkit to create styleguides with Fractal and Webpack.
Stars: ✭ 35 (-47.76%)
Mutual labels:  styleguide
michelangelo
kss-node living styleguide theme.
Stars: ✭ 53 (-20.9%)
Mutual labels:  styleguide
awesome-ux-design-styles
Curated list of UX styleguides and design systems
Stars: ✭ 66 (-1.49%)
Mutual labels:  styleguide
jss-material-ui
A enhanced styling engine for material-ui
Stars: ✭ 15 (-77.61%)
Mutual labels:  styleguide
View All Similar Projects ➔

HTWOO UI framework

HTWOO UI is an open source alternative for Microsoft's Fluent UI Web Design system. hTWOo Core is a pure HTML/CSS and JavaScript implementation that can be used in any project. In addition, hTWOo React is a component based implementation that can be used in any ReactJS project (>= React 16).

100% Fluent Design DOM manipulation free license

Don't get set into one form, adapt it and build your own, and let it grow, be like water. Empty your mind, be formless, shapeless — like water. Now you put water in a cup, it becomes the cup; You put water into a bottle it becomes the bottle; You put it in a teapot it becomes the teapot. Now water can flow or it can crash. Be water, my friend. - Bruce Lee)

Be like water

HTWOO-Core

You will find a complete list of assets in the Style Guide.

How To Use HTWOO-CORE

Why just HTML and CSS

In the end it always comes down to HTML/CSS, no matter which framework you use for your development. HTML/CSS documented components serve no other longevity than any other framework. HTML and CSS can also be easily translated, included, and embedded in any other development framework.

HTML/CSS UI components can also be more easily optimized, refactored, or visually enhanced.

HTWOO-React

For ReactJS developers, we have an implementation of the htwoo-core library where we have provided a set of components compatible with Versions >=16 of ReactJS.

A complete getting stared guide plus full documentation on all the ReactJS components available can be found on our StoryBook Documentation

Concepts

The hTWOo style guide, documentation and building platform is based on patternlab.io. To allow the most flexible implementation of designs and design patterns, it follows the Atomic Design Methodology coined by Brad Frost around 2012 / 2013.

We're tasked with making interfaces for more users in more contexts using more browsers on more devices with more screen sizes and more capabilities than ever before. That's a daunting task indeed. Thankfully, design systems are here to help. - Brad Frost

Engage

Follow us on Twitter @htwooui.

Maintainers: Stefan Bauer (N8D), Julie Turner

Contributors: You ❤️

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].