OrigamiFrontend 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.

Origami Components#

An Origami component is a collection of styles and functionality. They provide reusable HTML, SCSS and JavaScript for a multitude of different products under the FT umbrella.

Including Components In Your Project#

How you choose to include Origami components in your project will depend on your projects' requirements. There are two options, the Origami Build Service or the npm package manager. Get started using Origami components in your project.

Brands & Theme Definitions#

Brands, themes, modes, oh-my. Learn Origami's definitions. Learn more about component variations

Component Customisation#

Decide if you should customise a component for your project, learn the ways a component may be customised, and avoid other approaches which may be unreliable. Read more about how to customise components

Code Structure & Languages#

An overview of Origami component code structure, languages, and conventions. Learn more about component code

Component versioning#

An explanation of how Origami components are versioned, how to request different versions and resolve conflicts. Read more about component versioning

Compatibility#

Documentation about how Origami ensures compatibility across different browsers and devices, and how you can write code in a way that supports this. Read more about Origami's compatibility

Contributing#

Guidelines on how Origami users can help us improve our components and services. Learn how you can help