fidget.studio Interactive SVG shape playground

Support

Basic Shapes

Waveforms

Kinetic

Foldable

Loops

Tracks

Scenes

Maps

Icons

Custom Shapes

Effect Probabilities
50%
30%
40%
35%
40%
25%
45%
30%
35%
30%
40%
70%
60%
50%
40%
50%
60%
50%
40%

Controls

3D Rotation

Animations

Spin
Pulse
Edge Flow
Depth
Ghost
Color
X-Ray
Build
Morph
Spin Settings
Pulse Settings
Edge Flow Settings
Depth Fade Settings
Ghost Trail Settings
Color Cycle Settings
X-Ray Settings
Construction Settings
Morph Settings
0%

Object Size

Stroke

Markers

No markers added yet

Orbiters

No orbiters added yet

Canvas

Background

Outlines

Face Shading

Select a shape to see faces

Export SVG

Mouse Interactions

Scroll Animation JS

Saved Presets

Performance

SVG Size -
Vertices -
Edges -
Markers -

Custom Shape Editor

Shape Code

Settings

Application Settings

Automatically float panels when they become too large

Remember which sections are collapsed between sessions

Automatically start spin animation when a shape is loaded

Show warnings when performance may be impacted

Reset Options

Keyboard Shortcuts

Navigation & Help

Show Help / Keyboard Shortcuts ?
Show Help (alternate) H
Close / Escape ESC

Rotation & Scale

Rotate Left ←
Rotate Right →
Rotate Up ↑
Rotate Down ↓
Fast Rotation (with Shift) Shift + Arrow
Reset Rotation 0
Scale Up + or =
Scale Down -

Animations

Toggle Spin Space
Toggle Pulse P
Play/Pause Morph M

Markers

Add Marker A
Delete Selected Marker D

Export & Actions

Export Animated SVG S
Export Static SVG Shift + S
Reset All Settings R
Clear Shape Delete or Backspace
Toggle Theme T
Launch Screensaver F

Note: Keyboard shortcuts are disabled when typing in input fields, text areas, or select elements. Press ? or H at any time to view this help panel.

Panel Management

Load a saved panel layout configuration

Performance Information

Current Shape: None
Vertices: 0
Edges: 0
Paths: 0
Markers: 0

Performance Tips

  • Complex shapes with many vertices may impact performance
  • Multiple markers on long paths can slow down rendering
  • Disable unused animations to improve performance
  • Use "Flat" mode for 2D shapes to reduce calculations
  • Scene shapes with many objects may require more resources

About fidget.studio

fidget.studio is an interactive 3D shape animation playground that renders to SVG. Create, customize, and animate 3D shapes with real-time preview and export capabilities.

Version: 2.0
Format: SVG Animation

Features

  • True 3D rotation on X, Y, Z axes
  • Multiple shape types (basic, origami, waveforms, scenes)
  • Animated markers with multiple styles
  • Face shading and dual outline system
  • Organic background effects
  • Scroll-driven animations
  • Mouse interaction effects
  • Export as animated or static SVG

For support, documentation, or to report issues, please visit the project page.