Sciux /ˈsaɪ.næks/ is a creation kit to build interactive STEM content with DSL (Domain Specific Language).
Sciux ecosystem includes:
- Sciux Lib The standard components library for Sciux, includes most of STEM-usual components.
- Sciux Laplace The renderer of Sciux DSL without any components.
This repository is the standard components library for Sciux.
npm install sciux # npm
pnpm add sciux # pnpm
yarn add sciux # yarn
sciuxis a composing package includes all the components in the repository
importinitializeSciuxfrom'sciux'initializeSciux()It will register all the components in the repository to the global scope.
Now we have the following sciux code:
<rows><flexbox>1</flexbox><columns><flexbox>2-1</flexbox><flexbox>2-2</flexbox></columns><columns><flexbox>3-1</flexbox><flexbox>3-2</flexbox><flexbox>3-3</flexbox></columns></rows>Now render it on your page:
importinitializeSciux,{render}from'sciux'initializeSciux()constroot=document.getElementById('app')constcode=`The sciux code...`render(code,root)Sciux is composed by two words:
sci + ux = Sciux
science + UX (User Experience) = Sciuxsci is the abbreviation of science, and ux is the abbreviation of interaction.
| Package | Description |
|---|---|
sciux | The core package of Sciux, includes all the components. |
sciux-laplace | The renderer of Sciux DSL without any components. |
@sciux/widget | The display components for Sciux. |
@sciux/layout | The layout components for Sciux. |
@sciux/model | The interactive form components for Sciux. |
| More | More STEM components is coming soon... |
Sciux Library
Sciux Laplace
Copyright (c) 2025-present, Sciux Community & BijonAI Team. All rights reserved.