ShineJS Documentation
Complete docs for building interactive text and box shadows with ShineJS.
Introduction
Welcome to the official shinejs documentation.
Use this site as both a learning path and a reference:
- Start with installation, then choose a quick start.
- Start with the React default in React Quick Start.
- Learn hook and advanced patterns in the guides.
- Explore practical scenarios in the examples.
- Use the API reference for exact component and option behavior.
What you can build
- Cursor-aware text shadows for hero headlines.
- Animated auto-pilot light paths.
- Neumorphic-style card and image shadows.
- Dynamic, user-controlled shadow tuning with live sliders.
- Programmatic color palettes with
shadowRGB.
Looking for presets?
Jump to the shadowRGB cookbook for ready-to-use color combinations and pairing guidance.