Nice one! Thanks for sharing

Very timely given our recent live session!

https://community.vercel.com/live/34169-community-session-svelte-on-vercel

thanks! the live session motivated me to share this here 🙌

github and npm link here if anyone wants to try it 🙌

→ https://github.com/abhiVarde/svelte-drawer

GitHub

GitHub - AbhiVarde/svelte-drawer: Accessible drawer component for Svelte 5, inspired by Vaul.

Accessible drawer component for Svelte 5, inspired by Vaul. - AbhiVarde/svelte-drawer

→ https://www.npmjs.com/package/@abhivarde/svelte-drawer

shipped a small but useful update to svelte-drawer!

v1.0.5 adds an autoHeight prop: drawer resizes to fit its content without any fixed heights. handy if you're putting AI responses or multi-step forms inside a drawer.

demo: drawer.abhivarde.in npm: @abhivarde/svelte-drawer

🎉 svelte-drawer now works natively with AI coding tools

You can now install svelte-drawer as an agent skill. Claude Code, Cursor, Copilot, Windsurf, and 10+ other tools will know every drawer component, direction, snap point, and animation pattern without pasting docs into chat.

1
npx skills add AbhiVarde/svelte-drawer

The skill covers bottom, top, left, right drawers, snap points (0–1 fractions), portal rendering, nested drawers, persistent state with localStorage, auto-height mode, and Svelte 5 runes pattern.

If you already use svelte-drawer, this update makes it work much better with how most developers build today.

Skills: https://skills.sh/abhivarde/svelte-drawer/svelte-drawer
GitHub: https://github.com/AbhiVarde/svelte-drawer (35+ stars)
Live demos: https://drawer.abhivarde.in

hey devs 👋

recently, a few community members raised issues and feature suggestions for svelte-drawer.

happy to share that everything is now fixed in v1.0.7 ✅

new: closeThreshold prop for controlling drag to close

1
<Drawer bind:open closeThreshold={0.15} />

lower value = easier drag to close higher value = longer drag required

also improved compatibility with the latest Svelte version and fixed reported issues.

update:

1
npm install @abhivarde/svelte-drawer@latest

if you have any feature ideas or feedback, let me know :)

This is really great, I love this @abhivarde! I need to try Svelte more, I haven't used it much. Is the animation customizable? I wish it felt a bit smoother, like Vaul: https://vaul.emilkowal.ski/default

Emil Kowalski

Vaul

Drawer component for React.

yes, just shipped v2.0.0 with animationDuration and animationEasing props on Drawer

<Drawer animationDuration={400} animationEasing={cubicOut}>

any easing from svelte/easing works, or pass your own function. controls open, close, and snap transitions. default is unchanged so nothing breaks!

https://x.com/varde_abhi/status/2065363730494529919

AAbhi Varde (@varde_abhi)

shipped svelte-drawer v2.0.0 🎉 new: animationDuration + animationEasing use any easing from svelte/easing ✨ defaults unchanged, nothing breaks 39+ stars and growing 🚀 try it: http://drawer.abhivarde.in ~ 𝚗𝚙𝚖 𝚒 @𝚊𝚋𝚑𝚒𝚟𝚊𝚛𝚍𝚎/𝚜𝚟𝚎𝚕𝚝𝚎-𝚍𝚛𝚊𝚠𝚎𝚛@𝚕𝚊𝚝𝚎𝚜𝚝

1 likes · 0 reposts · 1 replies · 212 views

shipped a small milestone → svelte-drawer just crossed 2,220 weekly downloads

https://x.com/varde_abhi/status/2076900658985488469

AAbhi Varde (@varde_abhi)

http://drawer.abhivarde.in hit 2,220 weekly downloads🥳 ↳ gesture-driven dragging, mouse + touch ↳ ios-style snap points ↳ portal rendering, no z-index conflicts ↳ 35 versions shipped, mit licensed

3 likes · 1 reposts · 1 replies · 127 views

5.4k+ weekly downloads. 🤯

built this as my first Svelte project.

every issue, feature request, and piece of feedback has helped shape it into what it is today.

thanks to everyone who's used it and helped make it better. ❤️

https://x.com/varde_abhi/status/2085623661378375952

AAbhi Varde (@varde_abhi)

5.4k+ weekly downloads. 🤯 started as my first Svelte project. now used by thousands of developers every week. thank you for all the feedback and support. 🖤

5 likes · 0 reposts · 2 replies · 149 views