import Button from "@/components/lightswind/button";
export default function Demo() {
return (
<Button
/>
);
}Why Use the Lightswind UI Component & Props Playground?
Lightswind UI is an open-source, developer-first React UI component library designed with premium, high-end 3D aesthetic design tokens and smooth animations. This online **Component Playground** allows front-end developers, product owners, and UX engineers to interactively test, tune, and configure component properties (props) in real-time. By providing instantaneous live rendering alongside automatically updated React and Tailwind CSS source code snippets, we eliminate the friction between prototyping and implementation.
Interactive Props Tuning
Quickly preview how changes to properties like `variant`, `size`, `disabled`, or custom text labels affect visual weight, responsive layouts, and click interactions. Get pixel-perfect rendering matching modern, luxury glassmorphic web design patterns.
Tailwind Code Generation
Stop manually typing class combinations. Configure alerts, cards, inputs, and buttons in our studio, and hit **Copy Component Code** to drop modular, production-ready React components directly into your Next.js or Vite layout tree.