stellar-libs

A collection of lightweight, reusable frontend UI behavior modules — built to work seamlessly with stellar-kit and the Stellar frontend system. Each library is self-contained, configurable, and designed to be dropped into modular websites. Also is a project that is constantly growing and we are adding new updates all the time.

✨ Available Libs

• Designed for plug-and-play
• Sticky: Basic sticky logic for DOM elements
• Smooth: Smooth scroll instance using Virtual Scroll
• SplitOnScroll: Text splitting + reveal synced to scroll
• Noise: Configurable canvas noise
• SpritePlayer: Canvas image sequence player

📦 Installation

npm install @linear_non/stellar-libs

Note: Most libraries rely on stellar-kit for shared events, scroll, or utilities. Be sure to install both:

npm install @linear_non/stellar-kit

📁 Folder Structure

stellar-libs/
├── src/
│   ├── Sticky/             # Sticky behavior module
│   ├── SplitOnScroll/      # Scroll-triggered text reveals
│   ├── Smooth/             # Smooth scrolling system
│   └── ScrollBar/          # Custom scrollbar component
│   └── Noise/              # Canvas noise
│   └── SpritePlayer/       # Image sprite player
├── dev/                    # Dev playgrounds for each lib
├── index.js                # Entry point for exports
└── vite.config.js          # Vite config to run individual demos

🧪 Local Development

npm install
npm run dev

This launches a Vite server and scans dev/*/index.html to preview each module. You can open individual demos for testing.

🛠️ Usage Example

import { Sticky } from "@linear_non/stellar-libs"

const sticky = new Sticky({
  el: qs(".sticky"),
  sticky: qs(".sticky-content"),
})

You can find usage examples in each library’s README file also an HTML markup example. You can see a live example inside the dev/ folder.

✅ TODO

This is a projects that will continue growing and we have plan to add as many things that we feel can be helpful for us in the future.

Made with ❤️ by Non-Linear Studio