Components
Loading preview...
A line shadow text component for Magic UI
npx shadcn@latest add https://21st.dev/r/dillionverma/line-shadow-textimport { LineShadowText } from "@/components/ui/line-shadow-text";
import { useTheme } from "next-themes";
function LineShadowTextDemo() {
const theme = useTheme();
const shadowColor = theme.resolvedTheme === "dark" ? "white" : "black";
return (
<h1 className="text-balance text-5xl font-semibold leading-none tracking-tighter sm:text-6xl md:text-7xl lg:text-8xl">
Ship
<LineShadowText className="italic" shadowColor={shadowColor}>
Fast
</LineShadowText>
</h1>
);
}
export { LineShadowTextDemo };