# Tweeq

> Parameter-tuning GUI widgets designed for creative software and direct manipulation

Tweeq is an interaction design research project and widget library (tweeqjs) presented at UIST 2025 by Baku Hashimoto and Jun Kato. It provides fine-grained, direct-manipulation controls such as drag-to-tweak sliders, angle dials, and coordinate steppers tailored for creative software. It is particularly useful as a reference for designing responsive, tactile parameter interfaces.

Website: https://dl.acm.org/doi/10.1145/3746059.3747723

## What it is for

- Design tactile parameter controls for creative web tools and creative coding environments
- Study novel direct-manipulation interaction patterns for tuning numerical and color values
- Implement compact GUI controls like angle dials, coordinate steppers, and color pickers

## Features

- Drag-to-tweak sliders with live percentage readouts
- Rotating dial inputs for angular parameter adjustments
- X/Y numeric steppers plotted on a dotted coordinate grid
- Compact saturation-value color square with hue ring and live hex output
- Rows of pill toggles and swatch lists for discrete selections
- Stepped multi-field numeric input controls

## Pricing

Free

## Details

- Type: Article or course
- Category: [Development](https://xiry.app/topics/development.md)
- Topic: [UI Components](https://xiry.app/topics/development/ui-components.md)
- Platforms: Web, Code library
- For: Creative technologists, UI/UX researchers, and creative tool developers
- Alternative to: dat.GUI, Tweakpane, Leva
- Tags: creative coding, ui design, parameter tuning, gui, uist, direct manipulation

## Why it was saved

- [@_baku89, 30 July 2025](https://x.com/_baku89/status/1950502373027352894): Reference for building fine-grained, direct-manipulation parameter controls (sliders, dials, color pickers, toggle grids) into creative tools.

## Related

- [shadcn/ui](https://xiry.app/resources/shadcn-ui-1902): Copy-paste React UI components built with Tailwind CSS and Radix primitives. (Website, Open source)
- [Efferd](https://xiry.app/resources/efferd): Pre-built, responsive shadcn/ui blocks and layouts for React applications (Web app, Freemium)
- [Motion](https://xiry.app/resources/motion): Open-source animation library for React, Vue, and vanilla JavaScript (Website, Freemium)
- [React Bits](https://xiry.app/resources/react-bits): Open-source animated and interactive React UI components and backgrounds (Website, Freemium)
- [21st.dev](https://xiry.app/resources/21st-dev): Curated directory of crafted React, Tailwind, and shadcn UI components. (Website, Freemium)
- [lucide-animated](https://xiry.app/resources/lucide-animated): Open-source animated React icons built with Lucide and Motion (Web app, Open source)

Updated 10 October 2026. Page: https://xiry.app/resources/tweeq

Make your own library: Xiry takes your saved reels, tweets, Reddit bookmarks and Watch Later videos, makes them searchable and pulls the useful stuff out, like this library. It's invite-only for now; join the waitlist at https://xiry.app/#waitlist.