---
title: "#design-in-react articles | Hashnode"
description: "Explore 2 articles tagged #design-in-react on Hashnode. Tutorials, guides, and how-tos from the community."
url: "https://hashnode.com/tag/design-in-react"
---

Tag

# #design-in-react

2 posts · 0 followers

[Opcito Technologies Pvt Ltd](https://hashnode.com/@opcitotechnologies) · [Sep 11, 2025](https://hashnode.com/posts/building-a-react-design-system-in-storybook/68c29822db476eb7a15b3118)

### [Building a React design system in Storybook](https://reactdesignstorybook.hashnode.dev/building-a-react-design-system-in-storybook?utm_source=hashnode&utm_medium=feed)

Learn how to build a React design system with Storybook. Discover benefits like reusability, visual testing, theme matching, and faster UI development

3 min read · [reactdesignstorybook.hashnode.dev](https://reactdesignstorybook.hashnode.dev/building-a-react-design-system-in-storybook?utm_source=hashnode&utm_medium=feed)

[Usama Bhatti](https://hashnode.com/@usamabhatti) · [Sep 15, 2022](https://hashnode.com/posts/react-center-a-component-horizontally-and-vertically/632321718350c8888bf310e0)

### [React - Center a component horizontally and vertically](https://usamabhatti.hashnode.dev/react-center-a-component-horizontally-and-vertically?utm_source=hashnode&utm_medium=feed)

To center a component horizontally and vertically in React, add the display:flex, justify-content: center and align-items: center to the react component CSS

2 min read · [usamabhatti.hashnode.dev](https://usamabhatti.hashnode.dev/react-center-a-component-horizontally-and-vertically?utm_source=hashnode&utm_medium=feed)

[1](https://hashnode.com/posts/react-center-a-component-horizontally-and-vertically/632321718350c8888bf310e0)