Playground

Test and experiment with ReacUI components in real-time.

Code Editor

import React from 'react';
import { Button, ThemeProvider } from 'reacui-components';

function Example() {
  return (
    <ThemeProvider>
      <div className="space-y-4">
        <div className="space-x-2">
          <Button variant="primary">Primary</Button>
          <Button variant="secondary">Secondary</Button>
          <Button variant="outline">Outline</Button>
          <Button variant="ghost">Ghost</Button>
        </div>
        
        <div className="space-x-2">
          <Button size="sm">Small</Button>
          <Button size="md">Medium</Button>
          <Button size="lg">Large</Button>
        </div>
        
        <div>
          <Button disabled>Disabled</Button>
        </div>
      </div>
    </ThemeProvider>
  );
}

render(<Example />);

Preview

Ready to use these components in your project?