EdTechFree
Skyfall Beacon
Learning-first UI kit and design system for course platforms, LMS dashboards, and student engagement tools.
Includes course browsers, progress trackers, lesson viewers, quiz interfaces, gradebooks, and instructor management panels.
What's included
Everything the Skyfall Beacon kit ships with. Explore every component in Storybook.
Course browsers and lesson viewers
Progress trackers and gradebooks
Quiz and assessment interfaces
Instructor management panels
Student engagement dashboards
Notification and activity patterns
Install
$ npm install @skyfall/beaconQuick links
- Storybook
- Documentation
- Package
@skyfall/beacon - UpdatedApr 7, 2026
Get started
Skyfall Beacon is free to use. Install the package, import components, ship.
1 · Install
Install
$ npm install @skyfall/beaconThe kit ships as an npm package with TypeScript types, tree-shaken exports, and ESM + CJS builds.