nextgenjs-ui

Signal-native UI library for NextGenJS.

Features

• Signal-Native: Built to work seamlessly with NextGenJS signals.
• Zero-Config Theming: Based on CSS variables.
• Modern Components: Built-in Box, Flex, Stack, Button, and Text.
• Animations: Built-in animation utilities like FadeIn.

Usage

import { $, render } from "nextgenjs";
import { ThemeProvider, Button, Text, VStack, FadeIn } from "nextgenjs-ui";

function App() {
  const count = $(0);

  return (
    <ThemeProvider>
      <VStack spacing={6} padding={8} align="center">
        <FadeIn>
          <Text size="3xl" weight="bold">Welcome to NextGenUI</Text>
        </FadeIn>
        
        <Text>Count is: {count()}</Text>
        
        <Button 
          onClick={() => count(c => c + 1)}
          colorScheme="primary"
        >
          Increment
        </Button>
      </VStack>
    </ThemeProvider>
  );
}

render(<App />, document.getElementById("app"));