← Prev39/49Next →
KokonutUI

KokonutUI

Smooth Drawer

A bottom drawer (powered by Vaul) with spring-animated entry, staggered child reveals, a pricing tag, shimmer CTA button, and a dismiss option. Built on top of shadcn Drawer primitives.

vaulmotiondrawer

Default

Custom Price

Notes

Click the "Open Drawer" button above to trigger the drawer. It slides up from the bottom with spring physics and staggers each content section into view.

The primary CTA has a shimmer hover animation. The drawer uses Vaul under the hood via shadcn's Drawer component.