SplitterResizable split panel layout with drag handle, snap-to-collapse, and smooth animationssplitterpanelresizelayoutdrag PreviewCodeLeft PanelRight PanelCopyimport { Splitter, SplitterPanel } from "@/components/vritti/splitter"; export function SplitterExample() { return ( <div className="h-[300px] w-full rounded-lg overflow-hidden border"> <Splitter defaultSize={50} allowFullCollapse> <SplitterPanel className="bg-muted flex items-center justify-center"> <p className="text-sm text-muted-foreground">Left Panel</p> </SplitterPanel> <SplitterPanel className="bg-background flex items-center justify-center"> <p className="text-sm text-muted-foreground">Right Panel</p> </SplitterPanel> </Splitter> </div> ); } Installation CLIManualpnpmnpmyarnbunpnpm dlx shadcn@latest add "https://vritti.thesatyajit.com/r/splitter"Copy Dependencies pnpmnpmyarnbunpnpm add motion lucide-reactCopy