# Replit — Implementing RUI, Replit's Design System

- Company: Replit (replit.com)
- Announced: 2021-12-23
- Category: not stated
- Coverage: not counted
- Announcement: no
- Group: routine
- Source: https://replit.com/blog/rui-eng
- Record: https://forck.live/items/18064-implementing-rui-replit-s-design-system
- Subject: Replit Agent

Replit's engineering blog describes the implementation of RUI, its internal design system built on React and Emotion. The system uses a <View> primitive and utility traits (rcss) to enforce consistency and reduce redundant UI code, replacing earlier approaches such as styled-jsx, styled-components, Tailwind, and Chakra UI.

## Evidence

Verbatim from https://replit.com/blog/rui-eng:

> In the end we landed on a system that's using Emotion with object-like styles, has a basic <View> primitive, and provides tailwind-like utility traits that can be mixed in.

---

Record: https://forck.live/items/18064-implementing-rui-replit-s-design-system
Catalogue: https://forck.live/llms.txt
Current issue: https://forck.live/feed.md