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

sciux is a composing package includes all the components in the repository

import initializeSciux from '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:

import initializeSciux, { render } from 'sciux'

initializeSciux()

const root = document.getElementById('app')
const code = `The sciux code...`

render(code, root)

Sciux is composed by two words:

sci     + ux                   = Sciux
science + UX (User Experience) = Sciux

sci is the abbreviation of science, and ux is the abbreviation of interaction.

Sciux Library

Sciux Laplace

Copyright (c) 2025-present, Sciux Community & BijonAI Team. All rights reserved.