Stellar frontend core for Non-Linear Studio projects.
npm install @linear_non/stellar-kitA modular frontend utility kit for custom websites. Built for performance, extensibility, and clean developer ergonomics โ with support for smooth scrolling, events, tick updates, mouse tracking, and layout helpers.
- RAF-based update loop (Raf)
- Virtual scroll support (Scroll)
- Viewport-based resize tracking (Resize)
- Centralized event system (Emitter)
- Mouse tracking (Mouse)
- Utility helpers (DOM selection, bounds, clamping, etc.)
- Designed for use with Astro, GSAP, Three.js, and modular frontend setups
``bash
npm install @linear_non/stellar-kit
`
``
stellar-kit/
โโโ classes/ # Core logic: Manager, Component.
โโโ events/ # Emitter system: Raf, Resize, Scroll, Mouse, etc.
โโโ utils/ # Utilities: bounds, clamp, selectors, sniffer, etc.
โโโ plugins/ # Helpers Grid, Observer, SplitText, etc.
โโโ kitStore.js # Central store shared across all modules
โโโ index.js # Entry point for setupKit and kitStore access
`bash`
npm install
npm run dev
> The dev/ folder provides a Vite playground to test modules like Smooth, Scrollbar, and events. You can import any part of the kit and prototype in isolation.
`js
// main.js or index.js of your project
import { kitStore, setupKit } from "stellar-kit"
setupKit() // Initializes Resize, Raf, Scroll, Mouse, etc.
// Access anywhere
kitStore.scroll
kitStore.raf
kitStore.mouse
`
You can also import from specific paths:
`js``
import { bounds, clamp, qs } from "stellar-kit/utils"
import { Manager } from "stellar-kit/classes"
import { Raf } from "stellar-kit/events"
---
Made with โค๏ธ by Non-Linear Studio