xiry.

Development · Article or course

Tweeq

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

From the Xiry library · Updated 10 October 2026

Visit dl.acm.org ↗

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.

What it's 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
Topic
UI Components
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: Reference for building fine-grained, direct-manipulation parameter controls (sliders, dials, color pickers, toggle grids) into creative tools.

Related

  • shadcn/ui

    Copy-paste React UI components built with Tailwind CSS and Radix primitives.

  • Efferd

    Pre-built, responsive shadcn/ui blocks and layouts for React applications

  • Motion

    Open-source animation library for React, Vue, and vanilla JavaScript

  • React Bits

    Open-source animated and interactive React UI components and backgrounds

  • 21st.dev

    Curated directory of crafted React, Tailwind, and shadcn UI components.

  • lucide-animated

    Open-source animated React icons built with Lucide and Motion

All 114 in UI Components →

Updated