HyderJS

Hyder is an javascript library used to build UI for web using JSON 🔥

• Used to create components in the form of json array and then contcate them into a single block.
• Being simple json can be in the form a file or javascript objects to render the interface on web.
• All html dom attributes are supported that anything done in html can be done in hyder.

Installation

Installing for development is way simple by adding just the cdn link to you html file and following the process gets your brand new website.

New to web? Don't forget to use our playground service to get things so simple.

Add Hyderjs CDN and use to create your website as a script tag.

Documentation

Find the entire documentation of HyderJS on the official website

This is completely an open sourced javascript library where it is seeking more number of upgrades that you can do here.

Quick Tip

We have several components created where you can use those for free on the website.

To initialize an instance

    new HyderJS({
        bricks: [...], // entire block
        wall: "root_container_id"
    });

To create a simple block

    let blocks = [
        {
            type: "text",
            data: {
                className: "custom-classes-here",
                text: "Text Here",
                style: {
                    // styles here
                },
                padding: {
                    y: 1,
                    x: 1
                }
            }
        }
    ];

License

HyderJS is MIT licensed.