JSPM

⚠️ Deprecation Notice ⚠️
untitledui-js-base would soon be deprecated. Please migrate to untitledui-js for continued support and updates.
Active maintenance for untitledui-js-base will cease on January 27, 2025. Jump to Migration Guide →

Features

✅ 1100+ Untitled UI style icons
✅ Full SVG customization
✅ Framer Motion integration (React)
✅ Multi-framework support:

• React 17+
• Vue 3+
• SolidJS 1+
• Qwik 1+

Why Migrate?

Migration Guide

1. Uninstall Legacy Package

npm uninstall untitledui-js-base

2. Install New Package

npm install untitledui-js

3. Update Imports

// React
- import { Activity } from 'untitledui-js-base';
+ import { Activity } from 'untitledui-js/react';

// Vue 3
+ import { Activity } from 'untitledui-js/vue';

// SolidJS
+ import { Activity } from 'untitledui-js/solid';

// Qwik
+ import { Activity } from 'untitledui-js/qwik';

4. Animation API Changes

// Legacy Pattern
<Activity
  pathProps={{
    animate: { rotate: 360 },
  }}
/>;

// New Pattern
import { motion } from "motion/react";

<Activity
  animation={{
    motion: motion,
    attributes: {
      svg: {
        initial: { scale: 0.9 },
        animate: { scale: 1 },
        transition: { duration: 0.3 },
      },
    },
  }}
/>;

Support Timeline