Photonix

Get Started

Welcome to Photonix. A premium, high-performance UI library for modern web applications.

Introduction

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.

Installation

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

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

Usage

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

Welcome Aboard

This is a demo of Photonix components in action.

app/page.tsx
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>
  );
}

Next Steps

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

On this page

Introduction
Installation
Usage
Next Steps