Spring tuner is a production-ready utilities component from BJORK UI, packaged for shadcn registries.
Loading preview...
"use client";
import { ThemeProvider as BjorkDemoThemeProvider } from "next-themes";
import { SpringTuner } from "@/components/ui/bjork-spring-tuner";
import { springs } from "@/components/ui/bjork-spring-tuner-utils/components-bjork-ui-_core-motion";
function SourceDemo(){
const isPreview = false;
return <>
{isPreview ? (
<SpringTuner value={springs.snappy} defaultGhosts={[springs.standard, springs.press, springs.soft]} />
) : (
<div className="w-[min(560px,calc(100vw-56px))] min-w-0">
<SpringTuner
className="w-full"
defaultValue={springs.snappy}
defaultGhosts={[springs.standard, springs.soft]}
attract={false}
/>
</div>
)}
</>;
}
export default function BjorkRegistryPreview(){return <BjorkDemoThemeProvider attribute="class" defaultTheme="dark" enableSystem={false} storageKey="bjork-review-demo-theme"><div data-component-demo className="dark flex min-h-screen w-full items-center justify-center bg-[var(--bjork-bg)] p-8 text-[var(--bjork-text)]"><div className="w-full max-w-[850px]"><SourceDemo/></div></div></BjorkDemoThemeProvider>}