Studio
The studio opens in Lisbon
Two architects and a borrowed drawing table in Alfama. The first commission is a kitchen.
CMS Timeline
FRAMER COMPONENT · CMS TIMELINES
Company history, product roadmaps, project milestones or a changelog, from a Collection List. Four layouts, formatted dates, year headings and a line that fills as you scroll.
Live component. These 18 projects are items of a Framer CMS collection, read through a Collection List, each linking to its own page. The Roadmap tab uses milestones typed in the panel, with a Status each.
FROM YOUR CMS
Three steps, then it follows your collection.
Add a milestone in the CMS and it takes its place by date. No layer names to get right and no code.
01
Add a Collection List
02
Put a Timeline Item inside
Connect the title and the date. Add a category, a status, a description, an image and the item’s page if you have them.
03
Pick a layout
Vertical, Alternating, Horizontal or Roadmap, with your fonts and colours and the date format you like.
MAKE IT YOURS
Three looks, three jobs.
The same component as a portfolio by year, a short company history and a changelog.
A portfolio by year, in the dark
Horizontal, newest first, years only, and a row that scrolls sideways.
Projects
First restoration: Villa Nova
A stone farmhouse in Tuscany, brought back room by room over two summers.
Studio
Interiors becomes its own team
Marta Vidal joins to lead interiors, and the studio starts designing its own furniture.
Projects
Lumbre hotel courtyard
A courtyard, twelve rooms and a restaurant in an old convent in Extremadura.
Studio
The London studio
Daniel Okafor opens a second studio in Clerkenwell for residential work in the UK.
Awards
Casa Solara wins the RIBA award
A low concrete house in the desert, built around a cactus garden.
Projects
Luna House completes
Stone, timber and a long pool in Austin, Texas.
StudioUpcoming
A third studio, in Madrid
Opening next spring in Chamberí, with a public library of materials.
A company history
The demo story typed in the panel: years only, no photos, the whole text.
A changelog with filters
The six latest projects, full dates, newest first, and a button per category.
WHAT’S INSIDE
Built for real collections.
Responsive images with srcset and lazy loading, no network requests of its own, and every label ready for Localization.
Reads any CMS collection with dates
Vertical, alternating, horizontal and roadmap
Year, month, day or quarter
Months in any language
Your own date labels
Year headings
Oldest or newest first
A line that fills as you scroll
Upcoming milestones marked
Roadmap columns by status
Category filters
A link to each item’s page
Screen reader friendly