5d:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/15s1ft4k9lx-7.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/1m75iqpnspynu.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/3ohf-5_4hfjuq.js","/creators-assets/_next/static/immutable/chunks/2jjhfe7-w6y9a.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/0kisxyo3aw231.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/0i7m0zg6jfazw.js","/creators-assets/_next/static/immutable/chunks/3-hmotkz_bdv_.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3naniu4pnqfyw.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/456d4lcv9-syj.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/2y9gv91n8o3i9.js","/creators-assets/_next/static/immutable/chunks/41i4r4u9uolgz.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/15q00pdqk0br3.js","/creators-assets/_next/static/immutable/chunks/293prjxu_wz0c.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3l2h8slpbzxqo.js","/creators-assets/_next/static/immutable/chunks/2xgtw4s-tlhet.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/1cphzzg2t2qo2.js"],"PostDetailCard"] 5e:T841,

Create stunning, interactive sections with Animated Img Slider. Designed for modern websites, this component combines smooth transitions, elegant motion, and flexible customization to help you build engaging hero sections, portfolios, product showcases, and landing pages—without writing code.

Whether you're creating a startup website, agency portfolio, SaaS landing page, or product presentation, this slider delivers a polished user experience while remaining easy to customize directly inside Framer.

Features

Smooth animated slide transitions
Auto-play with adjustable duration
Manual navigation controls
Responsive across desktop, tablet, and mobile
Easy image and content replacement
Custom typography controls
Adjustable spacing and layout
Optimized for performance
No-code customization with Framer Property Controls

Customization

Customize every part of the component directly inside Framer:

Images
Titles
Auto-play speed
Transition duration
Background color
Typography
Spacing
Navigation controls

Perfect For

Hero Sections
SaaS Landing Pages
Agency Websites
Startup Websites
Product Showcases
Portfolio Websites
Creative Studios
Marketing Pages
Feature Highlights
Company Presentations

Tags: Animated Carousel, Animated Slider, Content Slider, Hero Slider, Framer Slider, Image Slider, Carousel, Landing Page, Hero Section, Responsive Slider, Auto Play Slider, Website Animation, Portfolio Slider, SaaS Component, Marketing Section, Modern Slider, Interactive Carousel, UI Component, Framer Marketplace, Website Component, Motion Design

5a:[["$","$L5d",null,{"post":{"id":"019f40fd-c56f-7029-8225-b6d56a9817f2","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"3c4ae9b0-6fd5-4872-a536-b87d23706ac5","name":"Ravi Rank ","slug":"rank-ravi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3c4ae9b0-6fd5-4872-a536-b87d23706ac5/y27lef0h","followed":false,"followsYou":false},"media":[],"resources":[{"id":"o6iNE1VmbanFF75eeVpv","resolved":true,"title":"Animated Img Slider","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Create stunning, interactive sections with Animated Img Slider. Designed for modern websites, this component combines smooth transitions, elegant motion, and flexible customization to help you build engaging hero sections, portfolios, product showcases, and landing pages—without writing code."}]},{"type":"paragraph","content":[{"type":"text","text":"Whether you're creating a startup website, agency portfolio, SaaS landing page, or product presentation, this slider delivers a polished user experience while remaining easy to customize directly inside Framer."}]},{"type":"paragraph","content":[{"type":"text","text":"Features","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Smooth animated slide transitions"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Auto-play with adjustable duration"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Manual navigation controls"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Responsive across desktop, tablet, and mobile"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Easy image and content replacement"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Custom typography controls"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Adjustable spacing and layout"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Optimized for performance"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"No-code customization with Framer Property Controls"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Customization","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"Customize every part of the component directly inside Framer:"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Images"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Titles"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Auto-play speed"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Transition duration"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Background color"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Typography"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Spacing"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Navigation controls"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Perfect For","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Hero Sections"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"SaaS Landing Pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Agency Websites"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Startup Websites"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Product Showcases"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Portfolio Websites"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Creative Studios"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Marketing Pages"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Feature Highlights"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Company Presentations"}]}]}]},{"type":"paragraph","content":[{"type":"text","text":"Tags: ","marks":[{"type":"bold"}]},{"type":"text","text":"Animated Carousel"},{"type":"text","text":", ","marks":[{"type":"bold"}]},{"type":"text","text":"Animated Slider, Content Slider, Hero Slider, Framer Slider, Image Slider, Carousel, Landing Page, Hero Section, Responsive Slider, Auto Play Slider, Website Animation, Portfolio Slider, SaaS Component, Marketing Section, Modern Slider, Interactive Carousel, UI Component, Framer Marketplace, Website Component, Motion Design"}]}]},"introduction":"Modern animated content slider","slug":"animated-img-slider","author":{"framerUserId":"3c4ae9b0-6fd5-4872-a536-b87d23706ac5","name":"Ravi Rank ","slug":"rank-ravi","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3c4ae9b0-6fd5-4872-a536-b87d23706ac5/y27lef0h","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/3c4ae9b0-6fd5-4872-a536-b87d23706ac5/nc4fimtq","metadata":{"tint":{"h":0,"s":50,"l":6},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-07-08T09:10:00.760Z","updatedAt":"2026-07-09T11:45:48.591Z","publishedAt":"2026-07-08T09:10:00.756Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":"https://re.chujiqiqi.com/m/Animated-img-slider-kSPCiT.js@prQLKybUHqXuiOF08ZL6","previewUrl":"https://animated-img-slider.framer.website/","price":null,"paymentUrl":null,"workshop":false,"categories":[{"id":"8f93ccfe-423c-47f2-b8ae-79e9e132012f","name":"Carousels","slug":"carousels"}],"lastSaveId":"prQLKybUHqXuiOF08ZL6","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":29,"liked":false},"comments":{"count":3},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-07-08T09:10:00.815Z","updatedAt":"2026-07-08T09:10:00.815Z","reported":false}}],"$L5f"]

Suggested for you