| 1 | # hTWOo UI framework
|
| 2 |
|
| 3 | hTWOo (H₂0) UI is an open source, community driven alternative UI Framework for Microsoft's Fluent UI Design experiences. It is built based on state-of-the-art web technologies.
|
| 4 |
|
| 5 | Main focus of this project is to be used in SharePoint Framework, Microsoft Teams customisations or any other of your used cases.
|
| 6 |
|
| 7 | [](https://www.youtube.com/watch?v=cJMwBwFj5nQ)  
|
| 8 |
|
| 9 | ![Be like water][logo]
|
| 10 |
|
| 11 | ## Installation
|
| 12 |
|
| 13 | ```sh
|
| 14 | npm install -g @n8d/htwoo-core
|
| 15 | ```
|
| 16 |
|
| 17 | ## Usage
|
| 18 |
|
| 19 | * [hTWOo usage in 'No framework' web part with SPFx](https://lab.n8d.studio/htwoo/how-to/how-to-spfx-html.html)
|
| 20 | * [hTWOo usage in React web part with SPFx](https://lab.n8d.studio/htwoo/how-to/how-to-spfx-react.html)
|
| 21 | * [hTWOo usage in Angular Elements web part with SPFx](https://lab.n8d.studio/htwoo/how-to/how-to-spfx-angular-elements.html)
|
| 22 |
|
| 23 | ## Documentation
|
| 24 |
|
| 25 | * [General Documentation](https://lab.n8d.studio/htwoo/)
|
| 26 | * [Pattern Style Guide](https://lab.n8d.studio/htwoo/htwoo-core/?p=all)
|
| 27 |
|
| 28 | > **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](https://www.youtube.com/watch?v=cJMwBwFj5nQ))
|
| 29 |
|
| 30 |
|
| 31 | **Contributor:** You ❤️
|
| 32 |
|
| 33 | [logo]: https://lab.n8d.studio/htwoo/assets/htwoo.jpg "Be like water and adopt fast"
|