/untitledui-js

Browse 1100+ Untitled UI–style icons — framework-agnostic, fully customizable, free, open-source, with optional Motion animations. Works with React, Vue, Svelte, Solid, and Qwik.

Primary LanguageTypeScriptOtherNOASSERTION

Untitled UI Logo

The Official Javascript Library for Untitled UI Icons
Full SVG Support for React, Vue, Solid, Qwik

Overview

Official JavaScript implementation of Untitled UI icons. Features:

  • Full SVG specification support
  • Framework packages: React (17+), Vue 3, SolidJS, Qwik
  • TypeScript-first
  • Tree-shaking
  • Semantic versioning

Official Documentation

Installation

# Base package
npm install untitledui-js

# React + Motion
npm install untitledui-js motion

Unified API

// React/Solid/Qwik
<Icon size={24} color="currentColor" />

<!-- Vue -->
<icon :size="24" color="var(--primary)" />

React Motion

import { motion } from "motion/react";

<Icon
  animation={{
    motion: motion,
    attributes: {
      svg: { whileHover: { scale: 1.1 } },
      path: { transition: { duration: 0.5 } },
    },
  }}
/>;

Core Features

SVG Compliance

All icons support standard SVG attributes:

  • viewBox, fill, stroke
  • Class/style overrides
  • Accessibility attributes (aria-*, role)

Compatibility

Framework Version
React 17+
Vue 3+
Solid & Qwik 1+

License

MIT © 2023 Untitled UI

Full License