Skip to content

Explore over 1100+ icons with the Untitled UI style, fully customizable and animated with Framer Motion integration. Free. Open Source.

License

Notifications You must be signed in to change notification settings

techwithmanuel/untitledui-js

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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