devup ui

웹 프레임워크 및 라이브러리
{{{#!wiki style="margin:0 -10px" {{{#!folding [ 펼치기 / 접기 ] {{{#!wiki style="margin:-5px 0px -10px; word-break:keep-all"	^$ 유료 포함 • ~~취소선~~ 단종 및 중단
<colbgcolor=#f6f6f9,#2f3241> 프론트엔드
CSS	Bootstrap • Tailwind CSS^$ • devup ui • shadcn • Bulma • Foundation • Skeleton • Pico
JSX	React • SolidJS • Astro • Remix • Preact • Gatsby • Inferno • Qwik
JS	Angular • Svelte • Backbone.js • jQuery • Astro • htmx • Ember.js • Lit • 11ty • Marko • VanJS • Alpine.js
Vue	Vue.js • Quasar • Astro • VuePress • Gridsome
Python	Reflex
백엔드
Java	Spring • Struts • GWT • Grails • Jooby • Play! Framework^Scala
Kotlin	Ktor
JS	Express • NestJS • koa • Hono • fastify
.NET	ASP.NET^$
PHP	Laravel • Codeigniter • Reasonable • phalcon • Symfony • zend • CakePHP • FuelPHP • Yii • Slim • PHPixe
Python	Django • Flask • FastAPI • Bottle
Ruby	Ruby on Rails • Sinatra
Go	Gin • echo • Fiber
풀스택
JSX	Next.js • Astro • SolidStart • Remix • Qwik City
JS	SvelteKit • Fresh • Astro • Marko
Vue	Nuxt • Astro
Java	Vaadin^$
Python	Streamlit • Reflex
Rust	Rocket • Actix • Leptos • Axum
하이브리드
.NET	Blazor
Dart	Flutter
Kotlin	Kotlin Multiplatform

}}}}}}}}} ||

{{{#!wiki style="margin: -10px -10px"		<tablealign=center><tablewidth=320><tablebordercolor=white,#1f2023>	Devup UI	}}}
종류	웹 프론트엔드 프레임워크
개발	Devfive
라이선스	아파치 라이선스 2.0
버전	v1.0.59
출시	2025년 1월 16일[1]
\|

1. 개요2. 특징

1. 개요

오정민이 고안하고, Devfive에서 개발하고 있는 CSS 프레임워크다. 정확히는 CSS in JS Preprocessor이다.

CSS in JS 문법을 사용하면서도 런타임 디펜던시를 완전히 제거하여 성능 저하가 일어나지 않는다.

JSX 기반이라면 다른 라이브러리 및 프레임워크와 연동이 가능하며 어떤 문법으로 사용해도 성능 저하가 발생할 수 없게 설계되어 있다.

2. 특징

Next.js의 Server Component나 Vite 등 모든 환경에서 사용이 가능하다.

tailwindcss, chakra UI, Mui, Kuma UI, panda CSS, StyleX, vanilla extract 를 대상으로 비교하였을 때 가장 작은 빌드 파일과 가장 빠른 빌드 속도를 낸다.(github aciton에서 확인이 가능하다.)

[1] 최초 릴리즈 기준일, GitHub Tag 링크

devup ui

1. 개요

2. 특징

분류