Emotion.
A consistent character.
Coordinated personality presets connect finish, geometry, and response without changing what an action means.
A personality is a coordinated preset
Restrained, playful and tactile coordinate radius, shape, material, press travel, and the optional spring scheme. Semantic colors and status meanings stay stable. Explicit settings override a preset; inherited reduction always wins.
Your next small idea.
Calm, concrete feedback. Use edges and depth to explain interaction.
Your idea is ready to save.
Spring scheme: standard. Motion: reduced.
import "@dixy-ui/react/styles.css";
import { Theme } from "@dixy-ui/react";
import { useState } from "react";
import {
Box,
Button,
Dialog,
Heading,
Inline,
Stack,
Text,
Theme as PersonalityScope,
useMotionPreferences,
} from "@dixy-ui/react";
import { personalityPresets, type Personality } from "@dixy-ui/tokens";Preset mappings
| Personality | Material | Shape | Radius | Springs |
|---|---|---|---|---|
restrained | matte | rounded | sm | standard |
playful | glossy | pill | full | expressive |
tactile | soft | rounded | lg | standard |
Button press travel uses the preset with the shared finite feedback timing. Custom spring compositions can read useMotionPreferences().scheme and pass it to springTransition. The existing CSS controls keep their established timings. A personality does not infer anyone’s mood.