⚠️ 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?

Feature	untitledui-js-base	untitledui-js
Animation Support	Basic	Advanced
Tree Shaking	Partial	Full
Framework Support	React Only	4 Frameworks
Maintenance Ends	2024-01-01	Ongoing

Migration Guide

1. Uninstall Legacy Package

1npm uninstall untitledui-js-base

2. Install New Package

1npm install untitledui-js

3. Update Imports

1// React
2- import { Activity } from 'untitledui-js-base';
3+ import { Activity } from 'untitledui-js/react';
4
5// Vue 3
6+ import { Activity } from 'untitledui-js/vue';
7
8// SolidJS
9+ import { Activity } from 'untitledui-js/solid';
10
11// Qwik
12+ import { Activity } from 'untitledui-js/qwik';

4. Animation API Changes

1// Legacy Pattern
2<Activity
3  pathProps={{
4    animate: { rotate: 360 },
5  }}
6/>;
7
8// New Pattern
9import { motion } from "motion/react";
10
11<Activity
12  animation={{
13    motion: motion,
14    attributes: {
15      svg: {
16        initial: { scale: 0.9 },
17        animate: { scale: 1 },
18        transition: { duration: 0.3 },
19      },
20    },
21  }}
22/>;

Support Timeline

Period	untitledui-js-base	untitledui-js
Jan 27th, 2025 +	No updates	Priority support