Sweyam
Open Kasho
Open source

Spatika UI

Spatika (സ്ഫടികം, crystal) is a glass-first React design system from Sweyam. It ships headers, floating toolbars, cover pages, tab bars, and four complete themes — so you start with product screens, not layout boilerplate.

Read the docsView on npm
Spatika UI component catalog

Install

npm
npm install @spatika/tokens @spatika/react

What ships

The pieces a Sweyam screen is actually made of.

  • Glass surfaces

    Frosted panels and theme-aware blur from @spatika/tokens — consistent across every screen.

  • Four themes

    Mukta, Neelam, Usha, and Sandhya. Switch or persist the user's choice through SpatikaThemeProvider.

  • App chrome

    Fixed headers, floating page bars, mobile tab bars, and entity cards. Compose them and get straight to your actual product.

  • Optional extensions

    @spatika/charts for SVG charts, @spatika/editor for Tiptap documents, EventCalendar for scheduling.

  • React 18+
  • TypeScript
  • Open source
  • npm