5d:I[333483,["/creators-assets/_next/static/immutable/chunks/16d0e6blr3zvd.js","/creators-assets/_next/static/immutable/chunks/1rc641binzbjp.js","/creators-assets/_next/static/immutable/chunks/12ci1vsd8nj4u.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/30hhj9fl_j_en.js","/creators-assets/_next/static/immutable/chunks/2ply_q-h6u_2z.js","/creators-assets/_next/static/immutable/chunks/33adfll0sgxzj.js","/creators-assets/_next/static/immutable/chunks/1pb7yncyfm9fe.js","/creators-assets/_next/static/immutable/chunks/1j6jg0y72xk13.js","/creators-assets/_next/static/immutable/chunks/2njnkxjf39nsf.js","/creators-assets/_next/static/immutable/chunks/26nhnsanh2piz.js","/creators-assets/_next/static/immutable/chunks/03itqfxm4gmj8.js","/creators-assets/_next/static/immutable/chunks/114fkj16mhe97.js","/creators-assets/_next/static/immutable/chunks/3zq_69yv5l6lg.js","/creators-assets/_next/static/immutable/chunks/19-jcjdymr-fa.js","/creators-assets/_next/static/immutable/chunks/16inv17cv83xq.js","/creators-assets/_next/static/immutable/chunks/2760bhhttj0zo.js","/creators-assets/_next/static/immutable/chunks/3_z6gb0g1nigd.js","/creators-assets/_next/static/immutable/chunks/3vlbhrh3-zofo.js","/creators-assets/_next/static/immutable/chunks/120bipr4k16wv.js","/creators-assets/_next/static/immutable/chunks/3ea2l_ol8wqqa.js","/creators-assets/_next/static/immutable/chunks/3o3dwck1w1ue6.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/2qrxli96_t9cq.js","/creators-assets/_next/static/immutable/chunks/3edl5e308nytq.js","/creators-assets/_next/static/immutable/chunks/05i2jce8amocn.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/1zr4ew02k6y_l.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/08ajsjh8ypdt2.js","/creators-assets/_next/static/immutable/chunks/1ddgh6mv1wg4x.js","/creators-assets/_next/static/immutable/chunks/3o1z26bd2_9eh.js","/creators-assets/_next/static/immutable/chunks/3t6k2_m2gc3-k.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/1_2vu9p6mra4j.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/0w6oa8_ba59u4.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3sa-o_ztvtkwe.js","/creators-assets/_next/static/immutable/chunks/3c3kl-ixsd844.js"],"PostDetailCard"] 5e:T84d,

Animated History Timeline

Animated History Section is a polished, interactive Framer component designed to showcase a company's history, milestones, or timeline in a visually engaging way.

The component presents multiple years or periods alongside their corresponding titles and descriptions, creating a structured timeline that users can explore while scrolling. It is ideal for company websites, agency portfolios, startup pages, brand stories, and any project that needs to communicate growth and important milestones over time.

The section is designed to feel smooth and modern while keeping the content easy to update and manage directly inside Framer.

Features

- Interactive animated history timeline

- Multiple year and date-range entries

- Custom title and description for every milestone

- Scroll-based timeline experience

- Smooth transitions between history entries

- Clean and modern visual presentation

- Responsive layout for desktop and mobile devices

- Easy-to-edit content directly in Framer

- Supports different year formats such as 2018, 2019-20, and 2025 ~

- No external API or third-party service required

- Fully built for Framer

Setup

- Add the Animated History Section to your page.

- Add your desired years or date ranges.

- Add a title and description for each milestone.

- Customize the section's typography, spacing, and visual styling according to your project.

- Publish your Framer website.

Perfect For

- Company history sections

- Startup websites

- Agency websites

- Brand story pages

- About pages

- Company milestone sections

- Product evolution timelines

- Project timelines

- Portfolio websites

- Personal websites

- Business presentations

- Corporate websites

For support, please include your project link, a short description of the issue, and a screenshot or screen recording when possible.

injamulhaquesomrat@gmail.com

5a:[["$","$L5d",null,{"post":{"id":"01a07c91-f688-720c-a66b-f57618e90ecb","title":null,"body":"

A new modern animated section for the companies or people who wants to show their acheivement in a short timeline.

Try this out and leave your comment....

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"A new modern animated section for the companies or people who wants to show their acheivement in a short timeline."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Try this out and leave your comment...."}]}]},"author":{"framerUserId":"4fcc85f2-c72a-45dd-9954-e95d3d91e65a","name":"Injamul Haque Somrat","slug":"injamulhaquesomrat","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/4fcc85f2-c72a-45dd-9954-e95d3d91e65a/kcvnp6ty","followed":false,"followsYou":false},"media":[],"resources":[{"id":"OH5H1vF7fNAYWBSjrvH2","resolved":true,"title":"History Timeline","body":"$5e","bodyJson":{"type":"doc","content":[{"type":"customHeading","content":[{"type":"text","text":"Animated History Timeline"}],"attrs":{"level":1}},{"type":"paragraph","content":[{"type":"text","text":"Animated History Section is a polished, interactive Framer component designed to showcase a company's history, milestones, or timeline in a visually engaging way."}]},{"type":"paragraph","content":[{"type":"text","text":"The component presents multiple years or periods alongside their corresponding titles and descriptions, creating a structured timeline that users can explore while scrolling. It is ideal for company websites, agency portfolios, startup pages, brand stories, and any project that needs to communicate growth and important milestones over time."}]},{"type":"paragraph","content":[{"type":"text","text":"The section is designed to feel smooth and modern while keeping the content easy to update and manage directly inside Framer."}]},{"type":"customHeading","content":[{"type":"text","text":"Features"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"- Interactive animated history timeline"}]},{"type":"paragraph","content":[{"type":"text","text":"- Multiple year and date-range entries"}]},{"type":"paragraph","content":[{"type":"text","text":"- Custom title and description for every milestone"}]},{"type":"paragraph","content":[{"type":"text","text":"- Scroll-based timeline experience"}]},{"type":"paragraph","content":[{"type":"text","text":"- Smooth transitions between history entries"}]},{"type":"paragraph","content":[{"type":"text","text":"- Clean and modern visual presentation"}]},{"type":"paragraph","content":[{"type":"text","text":"- Responsive layout for desktop and mobile devices"}]},{"type":"paragraph","content":[{"type":"text","text":"- Easy-to-edit content directly in Framer"}]},{"type":"paragraph","content":[{"type":"text","text":"- Supports different year formats such as 2018, 2019-20, and 2025 ~"}]},{"type":"paragraph","content":[{"type":"text","text":"- No external API or third-party service required"}]},{"type":"paragraph","content":[{"type":"text","text":"- Fully built for Framer"}]},{"type":"customHeading","content":[{"type":"text","text":"Setup"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"- Add the Animated History Section to your page."}]},{"type":"paragraph","content":[{"type":"text","text":"- Add your desired years or date ranges."}]},{"type":"paragraph","content":[{"type":"text","text":"- Add a title and description for each milestone."}]},{"type":"paragraph","content":[{"type":"text","text":"- Customize the section's typography, spacing, and visual styling according to your project."}]},{"type":"paragraph","content":[{"type":"text","text":"- Publish your Framer website."}]},{"type":"customHeading","content":[{"type":"text","text":"Perfect For"}],"attrs":{"level":2}},{"type":"paragraph","content":[{"type":"text","text":"- Company history sections"}]},{"type":"paragraph","content":[{"type":"text","text":"- Startup websites"}]},{"type":"paragraph","content":[{"type":"text","text":"- Agency websites"}]},{"type":"paragraph","content":[{"type":"text","text":"- Brand story pages"}]},{"type":"paragraph","content":[{"type":"text","text":"- About pages"}]},{"type":"paragraph","content":[{"type":"text","text":"- Company milestone sections"}]},{"type":"paragraph","content":[{"type":"text","text":"- Product evolution timelines"}]},{"type":"paragraph","content":[{"type":"text","text":"- Project timelines"}]},{"type":"paragraph","content":[{"type":"text","text":"- Portfolio websites"}]},{"type":"paragraph","content":[{"type":"text","text":"- Personal websites"}]},{"type":"paragraph","content":[{"type":"text","text":"- Business presentations"}]},{"type":"paragraph","content":[{"type":"text","text":"- Corporate websites"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"For support, please include your project link, a short description of the issue, and a screenshot or screen recording when possible."}]},{"type":"paragraph","content":[{"type":"text","text":"injamulhaquesomrat@gmail.com","marks":[{"type":"code"}]}]},{"type":"paragraph"}]},"introduction":"Animated History Timeline Section","slug":"history-timeline","author":{"framerUserId":"4fcc85f2-c72a-45dd-9954-e95d3d91e65a","name":"Injamul Haque Somrat","slug":"injamulhaquesomrat","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/4fcc85f2-c72a-45dd-9954-e95d3d91e65a/kcvnp6ty","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/4fcc85f2-c72a-45dd-9954-e95d3d91e65a/01a07c90-c340-762e-b6c1-09a36ef30fe8.jpg","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1024,"height":1024}}],"post":null,"createdAt":"2026-09-07T15:52:15.176Z","updatedAt":"2026-09-07T17:16:59.459Z","publishedAt":"2026-09-07T15:52:15.170Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://animatedhistory.framer.website/","price":"12","paymentUrl":"https://contra.com/payment-link/6q6dWhlj-scroll-animated-history-section-for-framer","workshop":false,"categories":[{"id":"5c50a4d9-4405-49ca-8956-4909a204480d","name":"Sections","slug":"sections"}],"lastSaveId":"59DgCICNIMnaJ2bvchJY","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":9,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-07T15:52:15.754Z","updatedAt":"2026-09-07T15:52:15.754Z","reported":false}}],"$L5f"]

Suggested for you