Overview
Pop-in Style Squarespace Timeline Plugin from The Square Genius adds a vertical timeline to a Squarespace 7.1 page, with each entry animating into view as the visitor scrolls. It is designed to be bold and colourful rather than minimal, with hover effects and an interactive "read more" button on each item for longer detail. Squarespace has no timeline block of its own, and this gives company histories, project phases, service processes and personal milestones a proper structure. The plugin is HTML, CSS and JavaScript that you add to your site, and colours, fonts and gradients are editable in the CSS.
Who it suits
Businesses with a founding story worth telling, agencies laying out a step-by-step process, event organisers showing a programme, and individuals presenting a career or project history. It works well on About pages where a wall of paragraphs would otherwise carry the story.
One honest caveat
The timeline content lives in HTML inside a Code Block, not in Squarespace's visual editor. Adding an entry means duplicating a block of markup and editing the text, which is easy enough for a designer but less comfortable for a client who expects to click and type. The bold style is also a strong look; check the demo suits your brand. Custom code needs a Core plan or higher (Business or Commerce on older plans), and the vendor states it is compatible with Squarespace 7.1 only.
Installation
Paste the supplied HTML into a Code Block, the CSS into Custom CSS and the JavaScript into Code Injection following the guide. The Square Genius say most users have it live in under ten minutes.
Related guide: see our roundup of the best Squarespace plugins in 2026 for how this compares with the alternatives.
- Adds a vertical timeline to a Squarespace 7.1 page
- Entries animate into view as the visitor scrolls
- Hover effects and read more buttons on each item
- Suits histories, processes, project phases and milestones
Full specifications
Specifications
Entries animate into view as the visitor scrolls
Hover effects and read more buttons on each item
Suits histories, processes, project phases and milestones
Responsive layout for tablet and mobile
Html, css and javascript, no hosted service
Add entries by duplicating a block of html
Built for squarespace 7.1
Agencies laying out a step-by-step process
Event organisers showing a programme
Individuals presenting career or project milestones