Crayons
🖍️ Crayons - A UI Kit comprising of web components for building Freshworks Apps!
Install / Use
/learn @freshworks-oss/CrayonsREADME
🖍️ Crayons
Freshworks Crayons is a library of UI components that help create an intuitive and uniform user interface for all your apps. This collection of Web components helps developers build apps that adhere to the UX standards set by the Freshworks Design System.
Packages
| Project | Package | Stable Version | Pre-release Version | Downloads | Links |
| --------- | ------------------------------------------------------------------------------------ | ---------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | :--------------------------------------------: |
| Core | @freshworks/crayons | 
| 
| <a href="https://www.npmjs.com/package/@freshworks/crayons" target="_blank"><img src="https://img.shields.io/npm/dm/@freshworks/crayons.svg" alt="NPM Downloads" /></a> | README.md |
| Icons | @freshworks/crayons-icon | 
| 
| <a href="https://www.npmjs.com/package/@freshworks/crayons-icon" target="_blank"><img src="https://img.shields.io/npm/dm/@freshworks/crayons-icon.svg" alt="NPM Downloads" /></a> | README.md |
| i18n | @freshworks/crayons-i18n | 
| 
| <a href="https://www.npmjs.com/package/@freshworks/crayons-i18n" target="_blank"><img src="https://img.shields.io/npm/dm/@freshworks/crayons-i18n.svg" alt="NPM Downloads" /></a> | README.md |
Installation
Please refer to the usage guidelines here.
Documentation
You can refer to the documentation on the Crayons Website.
Framework Wrappers
Crayons provides a wrapper for web components for various Frontend frameworks. At present a wrapper for React is available. For more information, check here
Development and Contribution
Please see here for details.
Code of Conduct
Please read the Code of Conduct here.
Read more
This project is built with StencilJS. You can check out the following links for further information:
Built with ❤ at Freshworks
