Additive styling with Crayons

This page summarizes the projects mentioned and recommended in the original post on dev.to

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • WorkOS - The modern identity platform for B2B SaaS
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • crayons

    🖍️ Crayons - A UI Kit comprising of web components for building Freshworks Apps! (by freshworks)

  • The Crayons is an open-source library, so anyone can contribute to the library. The source code is located in Github. The team has started doing Community Hours sessions from last month so that the developers can get in touch with team to clarify any queries and give feedback. You can find the session recording of the last Community Hours here.

  • Tailwind CSS

    A utility-first CSS framework for rapid UI development.

  • The Crayons CSS utils follows a standard convention for the class names. All the class names are prefixed with fw- which is a shorthand notation for Freshworks. Apart from this it follows a simple and intuitive conventions for the class names like p for padding, m for margin and so on. It is something similar to other css utility libraries like Tailwind, Tachyons and the others.

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo
  • tachyons

    Functional css for humans

  • The Crayons CSS utils follows a standard convention for the class names. All the class names are prefixed with fw- which is a shorthand notation for Freshworks. Apart from this it follows a simple and intuitive conventions for the class names like p for padding, m for margin and so on. It is something similar to other css utility libraries like Tailwind, Tachyons and the others.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts