Text Shadows

We've made a massive update to our text-shadow generator. Similar to box-shadows and gradients, you can stack multiple text-shadows on a single element. With our new layer-based text-shadow component, you can now quickly create and visualize a myriad of creative typography styles.

Text shadow image generated by Components AI https://components.ai/text-shadow/0UO7eSK2u26agBvNVSVR

Text shadow image generated by Components AI https://components.ai/text-shadow/IUge6tLFPvNrpxWw7Ons

Publish and share configurations with a single click. Code can be exported as CSS, JS, React, Theme UI, JSX, and JSON.


Currently, you need to edit each layer individually. In the future we'll roll out additional presets as well as make it easier to manipulate sets of layers together (e.g., applying a color gradient across layers, or adjusting opacity on a curve). We'll also expand our export options.