<Pseudo
  after={{ content: '" after"', color: 'red' }}
  before={{ content: '"before "', color: 'green' }}
  focus={{ color: 'blue' }}
  hover={{ color: 'purple' }}
  active={{ fontSize: '0.8em' }}
  visited={{ color: '#5EDA7E' }}
  display="block"
  width={300}
  textAlign="center"
>
  <h1>Hello</h1>
</Pseudo>

// Create your own ui library
const A = (props) => <Pseudo {...props} component={glamorous.A} />

<A
  hover={{ color: '#a9e34b' }}
  href="https://startup.com"
>
  Startup
</A>

glamorous.Div, glamorous.A, glamorous.Span, ...