lhongjum / cardscript

A JSON-based language for describing rich user interfaces.

Cardscript

A JSON-based language for describing rich user interfaces.

Playpen

If you're interested in getting hands-on with Cardscript, be sure to try out the Cardscript playpen! 🎮

Features

• Describe the content you need using a rich vocabulary of elements.
• Cardscript's simple and intuitive JSON-based language plays nicely with drag-and-drop tooling and Low Code aspirations.
• Cardscript extends the open Adaptive Cards specification by Microsoft. Cards usable in Teams, Skype, Outlook etc. can be rendered in Cardscript-powered apps.
• Importantly, Cardscript can be used independently of any frontend technology or vendor (including Microsoft).
• Mark content for dynamic visibility using intuitive JavaScript expressions.
• Define complex validation rules.
• Support for nested user interfaces.
• Deep integration with host apps via a set of extensible actions.
• A set of open source JavaScript utilities are available:
  • Cardscript Schema validation (via a JSON Schema) and parsing.
  • Table-of-Contents generation.
  • List and default-value extrication.
• Are you using JSON Schema to define the shape of your data? We've a utility that can scaffold Cardscript straight from a data schema.
• Maybe you're using Vue.js to build your apps? We've another tool to take Cardscript JSON and output a Vue/Quasar template. This package powers the online playpen.

Documentation

Please visit the Cardscript Reference for full details of Cardscript containers, elements, inputs and actions.

License

MIT

---

Built with ❤️ at West Midlands Fire Service