Lana Logo
docs
OverviewCommerce APIStorefront APIUser GuideExplorer
Clay > Customizing Design
search icon
search iconSearch docs
/
user profile imageSign In
OverviewClayCustomizing Design

Customizing Design

Introduction
Clay is developed using well-known web design technologies, including Tailwind CSS and Storybook . The following section will guide you through the process of implementing design modifications in Clay.
Storybook
Storybook is a frontend workshop for developing UI components. It enables you to explore both simple and advanced components of Clay, including their various forms and parameters.
Tailwind CSS
Clay uses the Tailwind CSS utility-first CSS framework for styling its components. index.css Clay's primary and only CSS file is found at
Customizing Components
Utilizing Tailwind CSS in our project means that we apply styles directly within our component code. As Clay is built with React, all the HTML-like DOM nodes are declared in code using the JSX syntax extension, a feature of TypeScript/JavaScript. Don't hesitate to delve into the code and make alterations as needed.
PREVIOUS
Cart
NEXT
Introduction