Components
Loading preview...
This TreeView component is an interactive file and folder explorer designed with React, Framer Motion, and shadcn/ui. It allows users to easily navigate hierarchical data by expanding or collapsing folders with a simple click on the icon or name. Each file and folder includes a tooltip on hover, ensuring clarity even for long names. The component emphasizes a clean and modern UI, leveraging shadcn’s design system for consistent styling and Framer Motion for smooth animations.
npx shadcn@latest add https://21st.dev/r/ruixen.ui/date-time-pickerimport DateTimePicker from "@/components/ui/date-time-picker";
export default function DemoOne() {
return <DateTimePicker />;
}