# Optic asset packs

> Ten pieces of thick optical glass with real dispersion: color pools deep in their cores, crisp rims split light into rainbow fringes, and each floats over a soft tinted shadow that glows on dark pages. Stacked slabs, an app tile that flips, fanned cards, a prism that rolls, a twisting puzzle cube, a bar chart, a switch, a frame and a twisted tower. Drag to turn, tap for each one's move. Six palettes.

- [Optic Pack](https://www.assembli.design/components/optic-pack.md): The whole Optic asset pack in one install: ten pieces of thick optical glass with real dispersion, raymarched in WebGL. Color pools deep in each core, crisp rims split light into rainbow fringes, and each floats over a tinted shadow that glows on dark pages. Slabs, a tile, layers, cards, a prism, a puzzle cube, a bar chart, a switch, a frame and a twisted tower, plus a light-table stage.
- [Twist](https://www.assembli.design/components/optic-twist.md): Optic pack: five square slabs of optical glass stacked into a tower, each turned a little further than the one below, with air between them so light bounces from slab to slab. The twist winds and unwinds like a slow wave. A tap sends a quarter turn rippling up the tower, one slab after another. Raymarched in WebGL.
- [Frame](https://www.assembli.design/components/optic-frame.md): Optic pack: a thick square frame of optical glass with a small cube hovering in its window, balanced on its corner. The cube turns slowly and rises through the frame and back, bent and doubled by the walls around it. A tap sets the cube spinning like a top. Raymarched in WebGL.
- [Toggle](https://www.assembli.design/components/optic-toggle.md): Optic pack: a switch in optical glass, a thick pill track with a domed glass puck riding on it. Every few seconds, and whenever you tap it, the puck springs across with a squash, and when it turns on, color floods the clear track behind it. It stays where you left it. Raymarched in WebGL.
- [Bars](https://www.assembli.design/components/optic-bars.md): Optic pack: a bar chart in optical glass, four rounded columns standing on a thin clear plate, their color pooled in the columns and fringed with rainbow at the edges. The values wander gently up and down. A tap deals a fresh set of values that spring into place one after another. Raymarched in WebGL.
- [Cube](https://www.assembli.design/components/optic-cube.md): Optic pack: a two-by-two puzzle cube of eight optical-glass cubelets with air between them, so each one refracts its neighbours. Every few seconds the top layer twists a quarter turn with a little overshoot while the gaps breathe open and shut. A tap twists it on the spot. Raymarched in WebGL.
- [Prism](https://www.assembli.design/components/optic-prism.md): Optic pack: a long triangular prism of optical glass lying on one face, the shape that splits white light into a spectrum, and does here: every reflection inside it breaks into bands of rainbow. It rocks gently on its edge over a tinted shadow. A tap rolls it over onto its next face. Raymarched in WebGL.
- [Cards](https://www.assembli.design/components/optic-cards.md): Optic pack: three cards of optical glass fanned out from one corner like a hand of cards, color pooled in each one and rainbow fringes along their rounded edges. The fan opens and closes as it breathes. A tap shuffles the deck: the top card slides out, drops and tucks back in at the bottom. Raymarched in WebGL.
- [Layers](https://www.assembli.design/components/optic-layers.md): Optic pack: three thin sheets of optical glass hovering one above another, the classic layers mark. They breathe apart and back together in a slow wave, each casting color onto the one below and a soft shadow onto the table. A tap fans them round a quarter turn each, one after another. Raymarched in WebGL.
- [Tile](https://www.assembli.design/components/optic-tile.md): Optic pack: a thick rounded-square tile of optical glass, like an app icon, with a soft square well pressed into its face. Color blooms in its core, the rims stay clear and fringe with rainbow light, and it bobs on the air above a tinted shadow. A tap flips it head over heels. Raymarched in WebGL.
- [Stack](https://www.assembli.design/components/optic-stack.md): Optic pack: two thick square slabs of optical glass, one resting off-center on the other. Their color pools deep in the middle and thins to clear, crisp rims, the edges split light into thin rainbow fringes, and they float over a soft tinted shadow. The top slab drifts in a slow circle; a tap gives it a quarter turn. Raymarched in WebGL.

Back to [asset packs](https://www.assembli.design/category/asset-packs.md).