Components
Loading preview...
Here is animated scrolling progress bar
@animate-ui
npx shadcn@latest add https://21st.dev/r/skyleen77/scroll-progress'use client';
import { Component } from "@/components/ui/scroll-progress";
const DemoOne = () => {
return (
<div className="flex w-full h-screen justify-center items-center">
<div className="max-w-[400px] h-[400px] w-full rounded-xl bg-muted relative">
<Component />
</div>
</div>
);
};
export { DemoOne };