Design Radar
Support
LiveUpdated 2026-09-19 02:08 UTC

motion-panels

motion-panels is Resizable panels animated with Motion. A framework-agnostic core with a React adapter on top.. It is ranked #149 on the Design Radar, in Animation & motion, first seen 8 days ago and shared in 1 post (5.2k views).

Visit motion-panels.letstri.dev

motion-panels motion-panels Resizable panels, animated with Motion Drag a panel by its edge, or add a separator. No styling, no layout library. Try it — the panels next to this text are the real thing. Quick start pnpm add motion-panels motion Code Split Pair Focus auto Files 160px src group.tsx panel.tsx separator.tsx index.ts workspace.tsx 1 export function Workspace () { 2 const [ w , setW ] = useState ( 288 ) 3 4 return ( 5 < Group > 6 < Panel size ={ w }> 7 < Files /> 8 </ Panel > 9 < Separator /> 10 < Panel pin > 11 < Editor /> 12 </ Panel > 13 </ Group > 14 ) 15 } Output 104px $ pnpm add motion-panels Packages: +1 done in 1.2s Agent…

What people said about motion-panels on X

New version of Motion Panels. Added rubber banding effect. https://motion-panels.letstri.dev

@letstri, 8 days ago · 73 likes · see the post

Alternatives to motion-panels

motion-panels in numbers

FAQ

What is motion-panels?

Resizable panels animated with Motion. A framework-agnostic core with a React adapter on top. It was first shared on X 8 days ago and is ranked #149 on the Design Radar.

Is motion-panels free?

Pricing is not stated on the page we read.

Who shared motion-panels?

1 account on X, including @letstri, in 1 post totalling 5.2k views.

Every post is read and classified by Jev (TypeSafe): what it is, which market it belongs to, and whether the link is a real tool. 4k posts from 1.4k X accounts over the last 21 days, 316 tools, 17 markets. Collected every 5 minutes, fully re-ranked every hour — last update 2026-09-19 02:08 UTC. Full method.