Origami Frontend Components & Services

The Origami Registry is being decommissioned by the end of March 2024 and replaced with Storybook. For more information please read our blog post.

Please share any feedback in our #origami-chat Slack channel.

Demos: o-grid

This version of o-grid hasn't been branded yet. Please check the latest version, 6.1.7, as branding is a relatively new addition to our components.

Default Grid

Grid with all default settings

Snappy Grid

Responsive grid that snaps between a larger fixed layout at each breakpoint

Responsive Grid

Responsive grid with breakpoints reallocated to 400px, 800px and 1000px and gutters halved

Fixed Grid

Fixed grid at 610px across all browsers and devices. Should always be fixed at the large layout

Status
active Origami v1 (Bower)
Switch component view

GitHub: o-grid

Install o-grid

If using the Build Service, add o-grid@^4.4.2 to your script and link tags.

If using the Bower package manager for a Manual Build, run bower install --save "o-grid@^4.4.2".

Help & Support

o-grid is maintained directly by the Origami team. If you have any questions about o-grid or Origami in general, we are happy to help. 😊

Slack: #ft-origami
Email: origami.support@ft.com

Feedback / Issues

To report a bug or request features please create an issue on Github. For support or general feedback please get in touch 😊

Slack: #ft-origami
Email: origami.support@ft.com