Frontend framework for creating reactive UIs using direct DOM manipulation. (WIP)

Overview

Cosmos Framework

A frontend framework for creating reactive UIs using direct DOM manipulation. (Heavily WIP)

How to get started with Cosmos Framework

(Coming soon) Download via NPM:

npm i cosmos-framework

(For now) Download via NPM, but not via the registry:

npm i https://github.com/CosmicMedia/Cosmos-Framework

To get started easier, you can look at our demo and we'll put real documentation here when we're out of the alpha stage of development.

You might also like...

Tiny (2 KB) turboboosted JavaScript library for creating user interfaces.

Develop web applications with 100% JavaScript and web standards. 🚀 RE:DOM is a tiny (2 KB) UI library by Juha Lindstedt and contributors, which adds

Jan 3, 2023

A small jQuery plugin that will automatically cast a shadow creating depth for your flat UI elements

#Flat Shadow by Pete R. A small jQuery plugin that will automatically cast a shadow creating depth for your flat UI elements Created by Pete R., Found

Dec 18, 2022

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

Supporting Vue.js Vue.js is an MIT-licensed open source project with its ongoing development made possible entirely by the support of these awesome ba

Jan 7, 2023

One framework. Mobile & desktop.

One framework. Mobile & desktop.

Angular - One framework. Mobile & desktop. Angular is a development platform for building mobile and desktop web applications using Typescript/JavaScr

Dec 31, 2022

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

vue-next This is the repository for Vue 3.0. Quickstart Via CDN: script src="https://unpkg.com/vue@next"/script In-browser playground on Codepen S

Jan 4, 2023

The tiny framework for building hypertext applications.

Hyperapp The tiny framework for building hypertext applications. Do more with less—We have minimized the concepts you need to learn to get stuff done.

Jan 1, 2023

🌱 React and redux based, lightweight and elm-style framework. (Inspired by elm and choo)

🌱 React and redux based, lightweight and elm-style framework. (Inspired by elm and choo)

English | 简体中文 dva Lightweight front-end framework based on redux, redux-saga and react-router. (Inspired by elm and choo) Features Easy to learn, eas

Jan 4, 2023

Relay is a JavaScript framework for building data-driven React applications.

Relay · Relay is a JavaScript framework for building data-driven React applications. Declarative: Never again communicate with your data store using a

Jan 1, 2023

A rugged, minimal framework for composing JavaScript behavior in your markup.

Alpine.js Alpine.js offers you the reactive and declarative nature of big frameworks like Vue or React at a much lower cost. You get to keep your DOM,

Jan 2, 2023
Comments
  • Reactive statements and declarations

    Reactive statements and declarations

    Statements (conditionals)

    // What the user types
    $: if (test > 10 && color.get() !== color.get_last()) {
        color.set('color: green');
    }
    
    // What the compiler outputs to JS
    test.subscribe((new_val, old_val) => {
        if (new_val > 10 && color.get() !== color.get_last()) {
            color.set('color: green');
        }
    })
    

    Declarations

    // What the user types
    $: is_greater_than = test > 30;
    
    // What the compiler outputs to JS
    let is_greater_than = variable(test > 30);
    test.subscribe((new_val, old_val) => {
        is_greater_than.set(test > 30);
    })
    
    enhancement compiler 
    opened by TheRandomMelon 1
Owner
CosmicMedia
We are a website development and media entertainment company.
CosmicMedia
Next-generation DOM manipulation

Ractive.js - Next-generation DOM manipulation Have any questions or just want to chat? Join us on GitHub Discussions! What is Ractive.js? It's a JavaS

Ractive.js 5.9k Jan 3, 2023
Knockout makes it easier to create rich, responsive UIs with JavaScript

Knockout Knockout is a JavaScript MVVM (a modern variant of MVC) library that makes it easier to create rich, desktop-like user interfaces with JavaSc

Knockout.js 10.3k Dec 31, 2022
A functional and reactive JavaScript framework for predictable code

Cycle.js A functional and reactive JavaScript framework for predictable code Website | Packages | Contribute | Chat | Support Welcome Question Answer

Cycle.js 10.2k Jan 4, 2023
:steam_locomotive::train: - sturdy 4kb frontend framework

Choo ?? ?? ?? ?? ?? ?? Fun functional programming A 4kb framework for creating sturdy frontend applications Website | Handbook | Ecosystem | Contribut

choo 6.7k Jan 4, 2023
Ember.js - A JavaScript framework for creating ambitious web applications

Ember.js is a JavaScript framework that greatly reduces the time, effort and resources needed to build any web application. It is focused on making yo

Ember.js 22.4k Jan 4, 2023
⚛️ Fast 3kB React alternative with the same modern API. Components & Virtual DOM.

Fast 3kB alternative to React with the same modern API. All the power of Virtual DOM components, without the overhead: Familiar React API & patterns:

Preact 33.6k Jan 8, 2023
A compiler that converts React-compatible codes to VanillaJS with no Virtual DOM

Vidact Vidact compiles your React source codes to VanillaJS code with No Virtual DOM ™️ . It is similar to Svelte, but unlike Svelte, Vidact does not

Mohamad Mohebifar 753 Dec 22, 2022
Dojo Framework. A Progressive Framework for Modern Web Apps

@dojo/framework Dojo is a progressive framework for modern web applications built with TypeScript. Visit us at dojo.io for documentation, tutorials, c

Dojo 549 Dec 25, 2022
Frontend compiler, inspired by Svelte

Malina.js Malina.js builds your web-application to use it without framework on frontend side. Therefore your web-app becomes thinner and faster, and t

Malina.js 1.1k Dec 29, 2022