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

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

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=22867](https://news.hada.io/topic?id=22867)
- GeekNews Markdown: [https://news.hada.io/topic/22867.md](https://news.hada.io/topic/22867.md)
- Type: show
- Author: [owjs3901](https://news.hada.io/@owjs3901)
- Published: 2025-09-02T23:04:17+09:00
- Updated: 2025-09-02T23:04:17+09:00
- Original source: [github.com/dev-five-git](https://github.com/dev-five-git/devup-ui)
- Points: 3
- Comments: 0

## 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  
  
아직 초기 단계라 커뮤니티 피드백이 큰 도움이 될 것 같습니다 🙂  
  
feconf2025에서 소개되었습니다

## Comments



_No public comments on this page._