Dribbble Slider

Displays your Dribbble shots as a horizontal scrolling carousel

Written By Social Hampster

Last updated About 11 hours ago

Displays your Dribbble shots as a horizontal scrolling carousel. Great for a featured work or recent work section on a portfolio or agency homepage. Visitors can browse through your shots with the navigation arrows.

Plan: Personal and above

How to Insert

From the plugin: After connecting your Dribbble account, click Slider in the plugin panel.

From the dashboard: Click Details on your Dribbble feed, click Copy next to Slider, then paste in Framer with Cmd+V or Ctrl+V.

Props Reference

Prop	What it does	Notes
Feed ID	Links the component to your Dribbble account	Set automatically
Max Shots	Total shots loaded into the slider
Gap	Space between slides in pixels
Show Title	Shows the shot title below each slide	Toggle
Show Views	Shows the view count on the card	Toggle
Show Likes	Shows the like count on the card	Toggle
Border Radius	Rounds card corners
Aspect Ratio	Shape of each slide
Overlay Color	Color overlay shown on hover
Show Arrows	Shows left and right navigation arrows	Toggle
Arrow Color	Color of the arrow icons
Auto Scroll	Automatically advances slides	Toggle
Auto Scroll Interval	Time in milliseconds between auto-advances
Loop	Loops back to the start after the last slide	Toggle

Common Issues

Arrows are not visible

Check that Show Arrows is turned on and that Arrow Color has enough contrast against your slide background.

Feed not showing on the published site

Whitelist your domain in the Social Hampster dashboard under your feed's Details page.