Skip to content
store
Dither UI

Open source alternatives to Dither UI

50 open source UI Libraries apps to use instead, best rated first.

Top picks

  1. D

    dom-helpers

    Launch

    dom-helpers is a tiny, modular JavaScript library of DOM utilities, kept by the React Bootstrap project. It wraps common DOM tasks such as adding event listeners, reading computed styles, measuring offsets and scroll positions, and toggling

    FreeOpen source

  2. S

    shadcn/ui

    Launch

    shadcn/ui is a set of accessible, beautifully designed UI components that you copy into your project, then customize, extend and build on. Rather than installing a locked package, you own the component code, so you can change the styling an

    FreeOpen source

  3. R

    react-quill

    Launch

    react-quill is a React component that wraps the Quill rich-text editor. Version 2 is a full port to TypeScript that supports React 16 and later, with a refactored build system and tightened internal logic. The maintainers say most projects

    FreeOpen source

  4. U

    uncontrollable

    Launch

    uncontrollable is a small React helper for wrapping a controlled component so that chosen prop and handler pairs can be left uncontrolled by the people who use it. The idea is that you write a component with minimal state and let the wrappe

    FreeOpen source

  5. R

    react-player

    Launch

    ReactPlayer is a React component that plays a wide range of media URLs, including file paths, HLS, DASH, YouTube, Vimeo, Wistia and Mux. It parses the URL you pass and loads the right player and any external SDK for that source. The README

    FreeOpen source

  6. N

    Nuxt.js

    Launch

    Nuxt is a free and open-source framework for building full-stack web applications and websites with Vue.js. It is meant for developers who want to create fast, search-friendly and production-grade sites without assembling every part themsel

    FreeOpen source

More UI Libraries apps

See all
7
R

react-toastify

React notification made easy

Launch
8
D

Daisy UI

UI Components for Tailwind CSS

Launch
9
R

react-input-autosize

Auto-resizing Input Component for React

Launch
10
U

Uppy

A sleek, modular JavaScript file uploader that integrates seamlessly

Launch
11
T

tiptap

A renderless and extendable rich-text editor for Vue.js

Launch
12
T

tanstack-table

Headless UI for building powerful tables & datagrids

Launch
13
R

react-diff-viewer-continued

Continuation of a simple and beautiful text diff viewer component

Launch
14
L

Lucide

Beautiful & consistent icon toolkit made by the community

Launch
15
M

Mantine

A fully featured React components library

Launch
16
B

@blocknote/react

A "Notion-style" block-based extensible text editor built on top of Prosemirror

Launch
17
R

react-bootstrap

Bootstrap components built with React

Launch
18
E

Emotion

High-performance CSS-in-JS style composition

Launch
19
N

novel

Notion-style WYSIWYG editor with AI-powered autocompletion

Launch
20
C

@chakra-ui/system

Chakra UI system primitives

Launch
21
P

pinia

Intuitive, type safe, light and flexible Store for Vue

Launch
22
R

react-cropper

Cropper as React Component

Launch
23
B

blobatar

Deterministic geometric blobatars from any string. No dependencies

Launch
24
C

@copilotkit/web-components

Framework-agnostic shadow-DOM web components for CopilotKit

Launch
25
P

puck

The visual editor for React

Launch
26
O

Omi

Next generation web framework in 4kb JavaScript

Launch
27
T

terracotta

Headless UI for SolidJS

Launch
28
V

vue-echarts

Vue.js component for Apache ECharts

Launch
29
V

Vue (shadcn-vue)

Vue port of shadcn/ui

Launch
30
A

@astryxdesign/theme-neutral

Restrained warm grays. Minimal and quiet, so the content stays the focus

Launch
31
R

react-map-gl

A React wrapper for MapboxGL-js and overlay API

Launch
32
N

NativeWind

Tailwind CSS for React Native

Launch
33
R

react-joyride

Create walkthroughs and guided tours for your ReactJS apps

Launch
34
V

vue-json-pretty

A JSON tree view component that is easy to use and also supports data selection

Launch
35
B

boneyard

Auto-generated skeleton-loading framework that works

Launch
36
V

vue-grid-layout

A draggable and resizable grid layout, for Vue.js

Launch
37
C

carbon

A design system built by IBM

Launch
38
T

ts-jest

A Jest transformer with source map support

Launch
39
L

lightGallery

A customizable, modular, responsive, lightbox gallery plugin

Launch
40
V

vue-multiselect

Universal select/multiselect/tagging component for Vue.js

Launch
41
T

@TanStack/form

With TypeScript support, headless UI, and framework-agnostic design

Launch
42
V

Vue Language Tools (Volar)

The Fastest Vue Language Support Extension

Launch
43
G

google-map-react

Universal google map react component

Launch
44
R

react-konva

React Konva is a JavaScript library for drawing complex canvas graphics

Launch
45
V

vue-chartjs

Vue.js wrapper for Chart.js

Launch
46
V

vue-flow

Interactive, customizeabe, graph & flowchart editor for Vue3

Launch
47
K

keen-slider

The HTML touch slider carousel with the most native feeling you will get

Launch
48
V

vue-select

A native Vue.js component

Launch
49
R

react-swipeable-views

A React Component for binded Tabs and Swipeable Views

Launch
50
R

react-resizable-and-movable

Resizable and movable component for React

Launch

About Dither UI

D

Dither UI

Your next UI shouldn't look like AI made it.

Introduction DitherUI is a library of animated React components, ready-made blocks and AI-agent UI pieces that you copy into your project and own. It is built on React 19, Tailwind CSS v4 and shadcn/ui, with Radix primitives and Lucide icons. Each piece ships with motion and micro-interactions already in place (springs, sliding highlights, staggered entrances, press feedback), so you don't have to add them afterwards. Where you can use it - SaaS products and dashboards: analytics, scheduling, calendars, tables, charts and settings screens. - Landing and marketing sites: heroes, feature sections, FAQs and blog layouts. - AI and agent products: chat and prompt inputs, agent run and task views, reasoning and thinking states, and image generation cards. - Forms and onboarding: sign-in and sign-up flows, form layouts, feedback and search. - Internal tools and admin panels: pickers, selects, dialogs, command menus and toasts. - Any React app: it isn't tied to one framework. Next.js, TanStack Start, Vite or Remix all work, and anything that runs shadcn/ui does too.

View Dither UIAll UI Libraries apps
Price
Freemium
Made by
Ninad
Category
UI Libraries
Website
ditherui.dev