# Devup-UI: Zero-runtime CSS-in-JS 라이브러리

> Clean Markdown view of GeekNews topic #22835. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=22835](https://news.hada.io/topic?id=22835)
- GeekNews Markdown: [https://news.hada.io/topic/22835.md](https://news.hada.io/topic/22835.md)
- Type: news
- Author: [owjs3901](https://news.hada.io/@owjs3901)
- Published: 2025-09-01T11:09:09+09:00
- Updated: 2025-09-01T11:09:09+09:00
- Original source: [github.com/dev-five-git](https://github.com/dev-five-git/devup-ui)
- Points: 3
- Comments: 2

## Topic Body

기존 CSS-in-JS 라이브러리를 쓰면서 런타임 오버헤드, 중복된 스타일, 불필요하게 커지는 CSS 용량 같은 문제를 자주 겪었습니다.  
  
그래서 Devup-UI라는 새로운 방식을 시도했습니다.  
AST 기반으로 빌드 타임에 스타일을 추출하기 때문에, CSS를 위해 추가 JS가 번들에 포함되지 않습니다. 이 덕분에 실제 CSS tree-shaking도 가능합니다.  
  
주요 특징:  
  
🚀 런타임 JS 없음 (Zero-runtime)  
  
🗂️ 캐싱 기반으로 CSS 중복 제거  
  
🌍 반응형/테마 지원  
  
💻 TSX/JSX에서 바로 사용 가능  
  
GitHub: https://github.com/dev-five-git/devup-ui  
  
아직 초기 단계라 커뮤니티 피드백이 큰 도움이 될 것 같습니다 🙂

## Comments



### Comment 43232

- Author: skageektp
- Created: 2025-09-02T09:19:44+09:00
- Points: 1

Show GN 으로 써주세요

### Comment 43280

- Author: owjs3901
- Created: 2025-09-02T23:02:44+09:00
- Points: 1
- Parent comment: 43232
- Depth: 1

추가적으로 작성했습니다