Getting started

Start building delightful, performant, consistent, and accessible experiences with Camp Design System.

• Foundations
• Components
• Patterns

Camp repositories

• Camp repo 
• Camp Next Gen repo 

Camp components in isolation

• Camp Storybook 
• Camp Next Gen Storybook 

Install

Camp in React

Camp Design System is built React-first. If you’re working in a React page, Camp components are easy to install and start using!

Visit the Resources section of any component page to install the component package.

Next Gen

yarn add @camp/[component-name]

Camp 1

yarn add @activecampaign/camp-components-[component-name]

Camp in legacy frameworks

• Camp in Ember
• Camp in PHP/Hosted

Styling in Camp

Camp Next Gen Styling

Camp Next Gen is not opinionated on how you style your components. This is a conscious decision to allow platform engineers to use the styling solution that best fits their needs. See our docs for some examples on how different solutions could be used.

Camp 1 Styling

Historically, Camp 1 used an opinionated CSS-in-JS utility, styled(), which wrapped all Camp components and was wholesale recommended for styling in the platform. Although it met a need at the time, this tool is proprietary to ActiveCampaign and has been a source of bugs in the platform. Therefore, styled() is not recommended for new development. It has not actively been developed for years, and we expect to deprecate styled() in the future. It is still available for use, and is documented here.