# Creating a Frontend Style Guide with Phoenix Components

**URL:** <https://forum.devtalk.com/t/creating-a-frontend-style-guide-with-phoenix-components/99475>\
**Category:** Blogs/Articles/Talks/Podcasts\
**Tags:** elixir, blog-post, phoenix\
**Created:** [6 March 2023 11:58 UTC](https://forum.devtalk.com/t/creating-a-frontend-style-guide-with-phoenix-components/99475 "2023-03-06T11:58:41Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![mssantosdev](https://forum.devtalk.com/user_avatar/forum.devtalk.com/mssantosdev/32/4665_2.png) [@mssantosdev](https://forum.devtalk.com/u/mssantosdev)\
**Post date:** [6 March 2023 11:58 UTC](https://forum.devtalk.com/t/creating-a-frontend-style-guide-with-phoenix-components/99475/1 "2023-03-06T11:58:41Z")

</div>

Our take on how to build a frontend style guide with Phoenix Components, Atomic Design and plain CSS, with focus on reusability and code organization.

> **[Creating a frontend style guide with Phoenix Components | Ready for Production](https://readyforproduction.dev/blog/frontend-style-guide-with-phoenix-components?utm_source=devtalk)**
>
> As we have more pages and new user-interface elements, it was a great time to think about improving our frontend, targeting the reusability of components and code organization. This post explains how we did that with Phoenix Components and the Atomic...