Components AI — A new way to explore generative design systems

Color

Size

Ratio

Shape

Offset X

Offset Y

CSS

.radial-gradient { 
background: repeating-radial-gradient(ellipse   at   98%   64%, #942ded, #942ded 26px, #6c4473 26px, #6c4473 50.96px);

}

JS

import styled from '@emotion/styled'

const Component = styled('div')({
background: 'repeating-radial-gradient(ellipse   at   98%   64%, #942ded, #942ded 26px, #6c4473 26px, #6c4473 50.96px)'
})