Components AI — A new way to explore generative design systems

Gradient

Degrees

Color

Ratio

Size

CSS

repeating-linear-gradient(10deg, #a5c87c, #a5c87c 6px, #DBDE9C 6px, #DBDE9C 60px)

JS

import styled from '@emotion/styled'

const Gradient = styled('div')({
  backgroundImage: 'repeating-linear-gradient(10deg, #a5c87c, #a5c87c 6px, #DBDE9C 6px, #DBDE9C 60px)'
})