Photonix is designed to help developers build beautiful, consistent, and accessible user interfaces with ease. It comes with a comprehensive set of pre-built components, a powerful theming engine, and strict attention to detail.

To get started, install the package via your package manager of choice.

npm install @photonix/ultimate
# or
pnpm add @photonix/ultimate
# or
yarn add @photonix/ultimate

Photonix components are designed to be plug-and-play. Import them directly into your file and start building.

import { Button, Text, Heading, Flex } from '@photonix/ultimate';

export default function Home() {
  return (
    <div className="container">
      <Heading size="headline-lg">Welcome Aboard</Heading>
      <Text variant="body-lg">This is a demo of Photonix components in action.</Text>
      
      <Flex gap="md">
        <Button variant="primary">Get Started</Button>
        <Button variant="outlined">Documentation</Button>
      </Flex>
    </div>
  );
}

Explore our core components to start building your application's foundation.