Building a Resizable Panel with Framer Motion

Sam Selikoff • June 12, 2022

Sam Selikoff

View Channel

About

Quality videos on frontend development · buildui.com

Latest Posts

How to build a Recursive React Component

Sam Selikoff

Avoid premature abstraction with Unstyled Components

Sam Selikoff

Animate streaming text with a one-line hook

Sam Selikoff

Building a Reusable Component that Animates on Scroll

Sam Selikoff

Instant DIY Phone Stand Solutions

AI-recommended products based on this video

LK 3 Pack Screen Protector Compatible for iPhone 11 and iPhone XR Tempered Glass Global Recycled Standard

(65,893)

$8.48

FREE delivery Sat, Sep 20 on your first order

1K+ bought in past month

NEW'C 3 Pack Designed for iPhone 11 and iPhone XR (6.1") Screen Protector Tempered Glass,Case Friendly Scratch-proof, Bubble Free, Ultra Resistant Global Recycled Standard ClimatePartner certified

(240,116)

$8.99

FREE delivery Sat, Sep 20 on your first order

1K+ bought in past month

TORRAS Magnetic Stand for Samsung Galaxy S25 Case, [Fit for Magsafe] [Military Grade Drop Tested] Ring Shockproof Translucent Slim Protective Phone Case for Samsung S25 Case Ostand, Black

(337)

$45.99

PrimeFREE delivery Sat, Jun 14

TORRAS 360°Spin Magnetic Stand for Samsung Galaxy S25 Plus Case (2025), Fit for Magsafe Military Grade Shockproof Slim Protective S25+ Plus Case with Kickstand & Ring Holder, Ostand Spin, Black

(791)

$53.99

PrimeFREE delivery Sat, Jun 14

TORRAS 360° Spin Magnetic Stand for Samsung Galaxy S25 Ultra Case, Fit for Magsafe, Military Grade Slim Protective S25 Ultra Case with Kickstand & Ring Holder, Ostand Spin, Translucent Forested Black

(791)

$53.99

PrimeFREE delivery Sat, Jun 14

50+ bought in past month

Cum2giff Magnetic & Stand for Samsung Galaxy S25 Edge Case with Screen Protector, Fit for MagSafe, Military Grade Shockproof, Translucent Matte Back Slim Phone Cover with Built-in Kickstand, Black

(241)

$19.99

FREE delivery Sat, Jun 14 on your first order

Magnetic Car Mount Air Vent Cell Phone Holder, Universal Vehicle Dash Dashboard Ac Airvent Cellphone Magic Stand with Clip Hook, for iPhone 16 15 Samsung Lenovo Google etc

(128)

$21.99

FREE delivery Tue, Jun 17 on your first order

Multi Charging Cable, Multi Charger Cable 3 in 1 Charger Fast Charge Multiple Ends 4FT Braided Universal Charging Cord with USB C Micro Lightning Cord for iPhone iPad Samsung Android Phone Tablet Global Recycled Standard

(41)

$8.99

FREE delivery Sun, Oct 5 on your first order

600+ bought in past month

Paint Your Own Moon Lamp Kit, DIY 3D Moon Night Light with Space Figurines & Wooden Stand, Art Supplies Creativity Arts & Crafts Kit for Kids, Toys Girls Boy Birthday Easter Gift Ages 3 4 5 6 7 8 9 10 11 12+

(2,309)

$19.99

FREE delivery Sat, Jun 14 on your first order

400+ bought in past month

Herb Garden Planter Indoor Kit 21Pcs Kitchen Herb Garden Starter Kit Growing Kit Including Wooden Box Burlap Pots Soil Discs Gardening Tools Unique Easter Birthday Christmas Gift Ideas for Women Mom

(0)

$30.99

FREE delivery Jun 19 - Jul 3

Herb Garden Planter Indoor Kit 21Pcs Kitchen Herb Starter Set Herb Growing Kit Including Wooden Box, Burlap Pots, Soil Discs, Gardening Tools, Unique Easter Birthday Christmas Gift Ideas for Women Mom

(0)

$21.99

$9.99 delivery Jun 19 - Jul 3

Little Ouchies Pain Fidget (4PCS), Pain Stim Fidget Toy for Adults & Teens, 3D Printed Spiky Grippie Stim Keychain, Sensory Toy for Stress Relief & Focus, Office Workers Novelty Gifts for Men (Laser)

(38)

$17.99

FREE delivery Wed, Aug 20 on your first order

200+ bought in past month

3 in 1 Wireless Charger,RTOPS Fodable Charging Stations for Multiple Apple Devices, W312 Fast Travel Charging Stand for Airpod, iWatch and Phone 12-15 (Adapter Included)

(739)

$29.99

FREE delivery Tue, Nov 25 on your first order

200+ bought in past month

JoyGeek 3-in-1 Magnetic Wireless Charging Station for iPhone 16/15/14/13/12 Series & Apple Watch Ultra 2/SE; 360° Adjustable Phone Stand with 18W Adapter, Compatible with AirPods Pro/3/2 Recycled Claim Standard Blended

(959)

$19.99

FREE delivery Sat, Jun 14 on your first order

eazpower for Magsafe Power Bank 10000mAh, Magnetic Battery Pack Wireless, 20W PD Fast Charging, Compact Portable Charger with Built-in Cables and Stand for iPhone 16/15/14/13/12/ Apple Watch/Airpods

(330)

$39.99

PrimeFREE delivery Sat, Jun 14

200+ bought in past month

JoyGeek 3-in-1 Magnetic Wireless Charging Station for iPhone 16/15/14/13/12 Series & Apple Watch Ultra 2/SE; 360° Adjustable Phone Stand with 18W Adapter, Compatible with AirPods Pro/3/2 Recycled Claim Standard Blended

(959)

$19.99

FREE delivery Sat, Jun 14 on your first order

MRGLAS 2025 Upgraded Magsafe Car Mount Vacuum Suction Magnetic Phone Holder Car, 360° Foldable Adjustable Suction Cup Phone Stand [89+LBS Suction & 2800gf Magnetic] for Car Accessories iPhone17/16

(1,124)

$27.19

1K+ bought in past month

Nulaxy Dual Foldable Phone Stand for Desk, Fully Adjustable Desktop Cell Phone Holder Accessories for Office Kindle Compatible with 4-8" Mobile Devices iPhone Pro/Max/Plus, iPad Pro/Air/Mini, Black

(65,351)

$14.99

FREE delivery Sat, Sep 20 on your first order

1K+ bought in past month

Portable Monitor 15.6'' FHD 1080P, REUMAR Ultra-Thin USB-C HDMI External Screen for Laptop PC Mac Phone, Dual Speaker, Eye Care, HDR, Adjustable Stand, Plug & Play

(82)

$79.19

FREE delivery Mon, Aug 11

Furiet Compatible with Samsung Galaxy S25 Plus S25+ 5G Zipper Wallet Case with Shoulder Strap Flip Purse Card Holder Stand Phone Cover for S25Plus 25S + S 25 25+ S25Plus 25S 25+ White

(5)

$61.34$60.62

FREE delivery Jun 12 - 16 Only 2 left in stock.

Furiet for Samsung Galaxy S24/S25 5G Floral Wallet Case with Flip Zipper Purse Wrist Strap Shoulder Strap Luxury Glitter PU Leather Card Holder Stand Phone Cover for S 24 24S 25 25S G5 Women Purple

(0)

$58.59$58.31

FREE delivery Jun 13 - 17 Only 6 left in stock.

Furiet Floral Wallet Case for Samsung Galaxy S25 Ultra 5G with Wrist Strap Shoulder Strap Flip Zipper Purse, Luxury PU Leather Credit Card Holder Stand Phone Cover for S25Ultra 25S S 25 25Ultra Blue

(1)

$68.24

FREE delivery Jun 13 - 17 Only 8 left in stock.

Furiet Wallet Case for Samsung Galaxy S25 Ultra 5G with Shoulder Strap Ring Buckle, Luxury PU Leather Zipper Flip Organ Purse, Credit Card Holder Stand Phone Cover for S25Ultra 25S S 25 25Ultra Black

(9)

$65.89

FREE delivery Jun 13 - 17

Nulaxy Dual Foldable Phone Stand for Desk, Fully Adjustable Desktop Cell Phone Holder Accessories for Office Kindle Compatible with 4-8" Mobile Devices iPhone Pro/Max/Plus, iPad Pro/Air/Mini, Black

(65,351)

$14.99

FREE delivery Sat, Sep 20 on your first order

1K+ bought in past month

Furiet Argyle Wallet Case for Samsung Galaxy S24 Plus/S25 Plus S24+ S25+ 5G Wrist Strap Shoulder Strap, Card Slots Zipper Purse Stand Phone Cover for S24Plus 24S + S 24 24+ S25Plus 25S 25+ White

(8)

$95.53$95.03

FREE delivery Jun 13 - 18

Furiet Argyle Wallet Case for Samsung Galaxy S24 Plus/S25 Plus S24+ S25+ 5G Wrist Strap Shoulder Strap, Card Slots Purse, Stand Phone Cover for S24Plus 24S + S 24 24+ S25Plus 25S 25+ Women Men Black

(1)

$81.93

FREE delivery Jun 25 - 30

Furiet for Samsung Galaxy S24/S25 5G Floral Wallet Case with Flip Zipper Purse Wrist Strap Shoulder Strap Luxury Glitter PU Leather Card Holder Stand Phone Cover for S 24 24S 25 25S G5 Women Purple

(0)

$58.59$58.31

FREE delivery Jun 13 - 17 Only 6 left in stock.

Building a Resizable Panel with Framer Motion

Sam Selikoff

About

Latest Posts

How to build a Recursive React Component

Avoid premature abstraction with Unstyled Components

Animate streaming text with a one-line hook

Building a Reusable Component that Animates on Scroll

You May Also Like

Instant DIY Phone Stand Solutions

LK 3 Pack Screen Protector Compatible for iPhone 11 and iPhone XR Tempered Glass Global Recycled Standard

NEW&#x27;C 3 Pack Designed for iPhone 11 and iPhone XR (6.1&quot;) Screen Protector Tempered Glass,Case Friendly Scratch-proof, Bubble Free, Ultra Resistant Global Recycled Standard ClimatePartner certified

TORRAS Magnetic Stand for Samsung Galaxy S25 Case, [Fit for Magsafe] [Military Grade Drop Tested] Ring Shockproof Translucent Slim Protective Phone Case for Samsung S25 Case Ostand, Black

TORRAS 360°Spin Magnetic Stand for Samsung Galaxy S25 Plus Case (2025), Fit for Magsafe Military Grade Shockproof Slim Protective S25+ Plus Case with Kickstand &amp; Ring Holder, Ostand Spin, Black

TORRAS 360° Spin Magnetic Stand for Samsung Galaxy S25 Ultra Case, Fit for Magsafe, Military Grade Slim Protective S25 Ultra Case with Kickstand &amp; Ring Holder, Ostand Spin, Translucent Forested Black

Cum2giff Magnetic &amp; Stand for Samsung Galaxy S25 Edge Case with Screen Protector, Fit for MagSafe, Military Grade Shockproof, Translucent Matte Back Slim Phone Cover with Built-in Kickstand, Black

Magnetic Car Mount Air Vent Cell Phone Holder, Universal Vehicle Dash Dashboard Ac Airvent Cellphone Magic Stand with Clip Hook, for iPhone 16 15 Samsung Lenovo Google etc

Multi Charging Cable, Multi Charger Cable 3 in 1 Charger Fast Charge Multiple Ends 4FT Braided Universal Charging Cord with USB C Micro Lightning Cord for iPhone iPad Samsung Android Phone Tablet Global Recycled Standard

Paint Your Own Moon Lamp Kit, DIY 3D Moon Night Light with Space Figurines &amp; Wooden Stand, Art Supplies Creativity Arts &amp; Crafts Kit for Kids, Toys Girls Boy Birthday Easter Gift Ages 3 4 5 6 7 8 9 10 11 12+

Herb Garden Planter Indoor Kit 21Pcs Kitchen Herb Garden Starter Kit Growing Kit Including Wooden Box Burlap Pots Soil Discs Gardening Tools Unique Easter Birthday Christmas Gift Ideas for Women Mom

Herb Garden Planter Indoor Kit 21Pcs Kitchen Herb Starter Set Herb Growing Kit Including Wooden Box, Burlap Pots, Soil Discs, Gardening Tools, Unique Easter Birthday Christmas Gift Ideas for Women Mom

Little Ouchies Pain Fidget (4PCS), Pain Stim Fidget Toy for Adults &amp; Teens, 3D Printed Spiky Grippie Stim Keychain, Sensory Toy for Stress Relief &amp; Focus, Office Workers Novelty Gifts for Men (Laser)

3 in 1 Wireless Charger,RTOPS Fodable Charging Stations for Multiple Apple Devices, W312 Fast Travel Charging Stand for Airpod, iWatch and Phone 12-15 (Adapter Included)

JoyGeek 3-in-1 Magnetic Wireless Charging Station for iPhone 16/15/14/13/12 Series &amp; Apple Watch Ultra 2/SE; 360° Adjustable Phone Stand with 18W Adapter, Compatible with AirPods Pro/3/2 Recycled Claim Standard Blended

eazpower for Magsafe Power Bank 10000mAh, Magnetic Battery Pack Wireless, 20W PD Fast Charging, Compact Portable Charger with Built-in Cables and Stand for iPhone 16/15/14/13/12/ Apple Watch/Airpods

JoyGeek 3-in-1 Magnetic Wireless Charging Station for iPhone 16/15/14/13/12 Series &amp; Apple Watch Ultra 2/SE; 360° Adjustable Phone Stand with 18W Adapter, Compatible with AirPods Pro/3/2 Recycled Claim Standard Blended

MRGLAS 2025 Upgraded Magsafe Car Mount Vacuum Suction Magnetic Phone Holder Car, 360° Foldable Adjustable Suction Cup Phone Stand [89+LBS Suction &amp; 2800gf Magnetic] for Car Accessories iPhone17/16

Nulaxy Dual Foldable Phone Stand for Desk, Fully Adjustable Desktop Cell Phone Holder Accessories for Office Kindle Compatible with 4-8&quot; Mobile Devices iPhone Pro/Max/Plus, iPad Pro/Air/Mini, Black

Portable Monitor 15.6&#x27;&#x27; FHD 1080P, REUMAR Ultra-Thin USB-C HDMI External Screen for Laptop PC Mac Phone, Dual Speaker, Eye Care, HDR, Adjustable Stand, Plug &amp; Play

Furiet Compatible with Samsung Galaxy S25 Plus S25+ 5G Zipper Wallet Case with Shoulder Strap Flip Purse Card Holder Stand Phone Cover for S25Plus 25S + S 25 25+ S25Plus 25S 25+ White

Furiet for Samsung Galaxy S24/S25 5G Floral Wallet Case with Flip Zipper Purse Wrist Strap Shoulder Strap Luxury Glitter PU Leather Card Holder Stand Phone Cover for S 24 24S 25 25S G5 Women Purple

Furiet Floral Wallet Case for Samsung Galaxy S25 Ultra 5G with Wrist Strap Shoulder Strap Flip Zipper Purse, Luxury PU Leather Credit Card Holder Stand Phone Cover for S25Ultra 25S S 25 25Ultra Blue

Furiet Wallet Case for Samsung Galaxy S25 Ultra 5G with Shoulder Strap Ring Buckle, Luxury PU Leather Zipper Flip Organ Purse, Credit Card Holder Stand Phone Cover for S25Ultra 25S S 25 25Ultra Black

Nulaxy Dual Foldable Phone Stand for Desk, Fully Adjustable Desktop Cell Phone Holder Accessories for Office Kindle Compatible with 4-8&quot; Mobile Devices iPhone Pro/Max/Plus, iPad Pro/Air/Mini, Black

Furiet Argyle Wallet Case for Samsung Galaxy S24 Plus/S25 Plus S24+ S25+ 5G Wrist Strap Shoulder Strap, Card Slots Zipper Purse Stand Phone Cover for S24Plus 24S + S 24 24+ S25Plus 25S 25+ White

Furiet Argyle Wallet Case for Samsung Galaxy S24 Plus/S25 Plus S24+ S25+ 5G Wrist Strap Shoulder Strap, Card Slots Purse, Stand Phone Cover for S24Plus 24S + S 24 24+ S25Plus 25S 25+ Women Men Black

Furiet for Samsung Galaxy S24/S25 5G Floral Wallet Case with Flip Zipper Purse Wrist Strap Shoulder Strap Luxury Glitter PU Leather Card Holder Stand Phone Cover for S 24 24S 25 25S G5 Women Purple

Loading...

NEW'C 3 Pack Designed for iPhone 11 and iPhone XR (6.1") Screen Protector Tempered Glass,Case Friendly Scratch-proof, Bubble Free, Ultra Resistant Global Recycled Standard ClimatePartner certified

TORRAS 360°Spin Magnetic Stand for Samsung Galaxy S25 Plus Case (2025), Fit for Magsafe Military Grade Shockproof Slim Protective S25+ Plus Case with Kickstand & Ring Holder, Ostand Spin, Black

TORRAS 360° Spin Magnetic Stand for Samsung Galaxy S25 Ultra Case, Fit for Magsafe, Military Grade Slim Protective S25 Ultra Case with Kickstand & Ring Holder, Ostand Spin, Translucent Forested Black

Cum2giff Magnetic & Stand for Samsung Galaxy S25 Edge Case with Screen Protector, Fit for MagSafe, Military Grade Shockproof, Translucent Matte Back Slim Phone Cover with Built-in Kickstand, Black

Paint Your Own Moon Lamp Kit, DIY 3D Moon Night Light with Space Figurines & Wooden Stand, Art Supplies Creativity Arts & Crafts Kit for Kids, Toys Girls Boy Birthday Easter Gift Ages 3 4 5 6 7 8 9 10 11 12+

Little Ouchies Pain Fidget (4PCS), Pain Stim Fidget Toy for Adults & Teens, 3D Printed Spiky Grippie Stim Keychain, Sensory Toy for Stress Relief & Focus, Office Workers Novelty Gifts for Men (Laser)

JoyGeek 3-in-1 Magnetic Wireless Charging Station for iPhone 16/15/14/13/12 Series & Apple Watch Ultra 2/SE; 360° Adjustable Phone Stand with 18W Adapter, Compatible with AirPods Pro/3/2 Recycled Claim Standard Blended

JoyGeek 3-in-1 Magnetic Wireless Charging Station for iPhone 16/15/14/13/12 Series & Apple Watch Ultra 2/SE; 360° Adjustable Phone Stand with 18W Adapter, Compatible with AirPods Pro/3/2 Recycled Claim Standard Blended

MRGLAS 2025 Upgraded Magsafe Car Mount Vacuum Suction Magnetic Phone Holder Car, 360° Foldable Adjustable Suction Cup Phone Stand [89+LBS Suction & 2800gf Magnetic] for Car Accessories iPhone17/16

Nulaxy Dual Foldable Phone Stand for Desk, Fully Adjustable Desktop Cell Phone Holder Accessories for Office Kindle Compatible with 4-8" Mobile Devices iPhone Pro/Max/Plus, iPad Pro/Air/Mini, Black

Portable Monitor 15.6'' FHD 1080P, REUMAR Ultra-Thin USB-C HDMI External Screen for Laptop PC Mac Phone, Dual Speaker, Eye Care, HDR, Adjustable Stand, Plug & Play

Nulaxy Dual Foldable Phone Stand for Desk, Fully Adjustable Desktop Cell Phone Holder Accessories for Office Kindle Compatible with 4-8" Mobile Devices iPhone Pro/Max/Plus, iPad Pro/Air/Mini, Black