fix: rewrite 3D stories to use props instead of CSS wrappers

Browse Source

The original stories were only applying CSS classes externally,
which meant none of the actual 3D features were working:
- No material gradients (glossy/satin/matte)
- No wood grain textures
- No wobble physics
- No hover parallax

Now properly passing enhanced3d, material3d, and physics3d props
to showcase all features:

**Stories added:**
- Compare All Levels (side-by-side)
- Material showcases (glossy, satin, matte, mixed)
- Wood grain frame demo
- Lighting comparison (top-down, ambient, dramatic)
- Wobble physics demo
- Hover parallax demo
- Interactive Playground with live controls

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

...

This commit is contained in:

Thomas Hallock 2025-11-03 15:08:33 -06:00

parent 5ac55cc149

commit 26bdb11237

1 changed files with 504 additions and 544 deletions

Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL

Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1048

packages/abacus-react/src/AbacusReact.3d-effects.stories.tsx

View File

File diff suppressed because it is too large Load Diff