By Crayons and For Crayons

Javascript UI Libraries JS Library Web Application Bundler

Webpack Landing Page
1

Webpack

Webpack is a module bundler. Its main purpose is to bundle JavaScript files for usage in a browser, yet it is also capable of transforming, bundling, or packaging just about any resource or asset.
Pricing:
- Open Source
It is using Webpack for bundling, Redux and Immer for application state management.

#Web Application Bundler #JS Build Tools #Module Bundler 237 social mentions
Typescript Landing Page
2

Typescript

TypeScript allows developers to compile a superset of JavaScript to plain JavaScript on any browser, host, or operating system.
Pricing:
- Open Source
The app is built using vanilla Web Components without using any component publishing libraries like Stencil, Lit and so on. The reason being I met with some roadblocks in building a drag-n-drop editor using these libraries. Actually the Crayons Team itself is using Stencil to build the Crayons components using TypeScript and React-like component semantics and finally publish them as platform native Web components and React wrappers for the same. You can find out more about this in the Stencil documentation.

#Programming Language #OOP #Development 26 social mentions
Jszip Landing Page
3

J

Jszip

Create .zip files using JavaScript. Provides a simple API to place any content generated by JavaScript into a .zip file for your users.
Pricing:
- Open Source
It uses other utility libraries like Lodash, JSZip and SortableJS. JSZip is used to package the user interface markup into HTML files and other required JavaScript files for a Marketplace App boilerplate in a compressed format and download them from the browser.

#Productivity #Design Tools #Prototyping 6 social mentions
stenciljs Landing Page
4

stenciljs

A toolchain for building reusable, scalable Design Systems.
Pricing:
- Open Source
The app is built using vanilla Web Components without using any component publishing libraries like Stencil, Lit and so on. The reason being I met with some roadblocks in building a drag-n-drop editor using these libraries. Actually the Crayons Team itself is using Stencil to build the Crayons components using TypeScript and React-like component semantics and finally publish them as platform native Web components and React wrappers for the same. You can find out more about this in the Stencil documentation.

#Javascript UI Libraries #JavaScript Framework #JS Library 48 social mentions
Redux.js Landing Page
5

Redux.js

Predictable state container for JavaScript apps
Pricing:
- Open Source
It is using Webpack for bundling, Redux and Immer for application state management.

#Javascript UI Libraries #JS Library #Front-End Frameworks 181 social mentions
React Landing Page
6

React

A JavaScript library for building user interfaces
Pricing:
- Open Source
The original idea and inspiration for the Crayons Playground came from the full-featured visual editor and code generator for React using Chakra UI called openchakra. All the underlying architecture, code organization and design & communication patterns are borrowed from openchakra. The only difference is Crayons Playground doesn't make use of any JavaScript framework whereas openchakra is completely built using React.

#Javascript UI Libraries #JS Library #JavaScript Framework 794 social mentions
OpenChakra Landing Page
7

OpenChakra

Full-featured visual editor and code generator for React using Chakra UI.
Pricing:
- Open Source
The original idea and inspiration for the Crayons Playground came from the full-featured visual editor and code generator for React using Chakra UI called openchakra. All the underlying architecture, code organization and design & communication patterns are borrowed from openchakra. The only difference is Crayons Playground doesn't make use of any JavaScript framework whereas openchakra is completely built using React.

#Productivity #Design Tools #Developer Tools 4 social mentions
Lo-Dash Landing Page
8

Lo-Dash

Lo-Dash is a drop-in replacement for Underscore.
Pricing:
- Open Source
It uses other utility libraries like Lodash, JSZip and SortableJS. JSZip is used to package the user interface markup into HTML files and other required JavaScript files for a Marketplace App boilerplate in a compressed format and download them from the browser.

#Development Tools #Javascript UI Libraries #JavaScript Framework 98 social mentions
JSFiddle Landing Page

9

JSFiddle

Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor.

The below is a demo of the Crayons Playground in action. It shows how to build the user interface by dragging and dropping components, updating their properties, testing them in a Code sandbox like JSFiddle, check the generated HTML code and finally download the project as a Marketplace app. You can also see the app in action in the Freshdesk product.

#Programming #Text Editors #Software Development 198 social mentions
Freshdesk Landing Page

10

Freshdesk

Freshdesk is a cloud-based customer support software that lets you support customers through traditional channels like phone and email, social channels like Facebook and Twitter, and your own branded community

The below is a demo of the Crayons Playground in action. It shows how to build the user interface by dragging and dropping components, updating their properties, testing them in a Code sandbox like JSFiddle, check the generated HTML code and finally download the project as a Marketplace app. You can also see the app in action in the Freshdesk product.

#Customer Support #Customer Service #Help Desk And Ticketing 12 social mentions
Chakra UI Landing Page
11

Chakra UI

Simple, modular and accessible UI components for your React applications.
Pricing:
- Open Source
The original idea and inspiration for the Crayons Playground came from the full-featured visual editor and code generator for React using Chakra UI called openchakra. All the underlying architecture, code organization and design & communication patterns are borrowed from openchakra. The only difference is Crayons Playground doesn't make use of any JavaScript framework whereas openchakra is completely built using React.

#Design Tools #Developer Tools #UI 200 social mentions