Components
Loading preview...
The AstraButton is a sleek, futuristic button component designed to bring a touch of cosmic elegance to your interface. Inspired by the soft radiance of starlight, it features a smooth glowing effect that adapts beautifully to both light and dark themes. With subtle transitions, luminous hover states, and a polished modern aesthetic, the AstraButton feels dynamic yet refined — perfect for landing pages, dashboards, and modern applications that emphasize detail and interactivity. Its balanced blend of motion, light, and minimal design gives every click a sense of depth and brilliance, making the AstraButton more than just a UI element — it’s a statement of modern design and user experience.
npx shadcn@latest add https://21st.dev/r/ruhith369/astra-button"use client";
import React from "react";
import AstraButton from "@/components/ui/astra-button";
const DemoPage = () => {
return (
<AstraButton label="Hover Me" />
);
};
export default DemoPage;