Skeleton, Collapsible, Scroll Area
Three new components join the library. Skeleton provides loading placeholders with pulse animation, Collapsible toggles content visibility with smooth height transitions, and Scroll Area offers a themed scrollable container with custom scrollbar styling.
What's new
Skeleton
A loading placeholder component with pulse animation. Size, shape, and layout are controlled entirely via className — no extra props needed. Useful for shimmer states in cards, lists, avatars, and text blocks.
1 npx drivn add skeleton
Collapsible
Toggle content visibility with smooth CSS animation and accessible controls. Supports controlled and uncontrolled modes, custom trigger elements, and works without any runtime UI dependencies.
1 npx drivn add collapsible
Scroll Area
A themed scrollable container with custom scrollbar styling that matches the design system tokens. Supports vertical and horizontal orientation via a single prop. Pure CSS implementation — no JavaScript scrollbar overlay, no client directive needed.
1 npx drivn add scroll-area