Get Started

Helios UI is safe for small and personal projects. We're following SemVer releases as underlying concepts may change—make sure to pin the package version.

Works best in Typescript enabled NextJS projects using app folder.

  • Add fractures pnpm add @heliosgraphics/fractures
  • Add UI package pnpm add @heliosgraphics/ui
  • Load <Setup/> in your root layout.tsx for dark mode support, inside <head>
  • Load @heliosgraphics/fractures then components.css on top of layout.tsx