Skip to main content

The Simpsons created entirely in CSS

The Simpsons CSS

These well known characters have been recreated using markup only

The Simpsons has been entertaining TV audiences for more than 20 years with familiar characters created with traditional cel animation. But here web designer Chris Pattle (opens in new tab) has created some of the best known faces from the cartoon sitcom purely in CSS.

"First of all I took each character's face and broke it up into different shapes that I could then piece together to create the character," he explains. "You often see artists do the same kind of thing when demonstrating their drawing techniques so I figured it was the right way to start. The hardest part of this was breaking down the character into shapes that I knew I could create with CSS."

Pattle broke down each character into its individual elements and reconstructed them with CSS

Pattle broke down each character into its individual elements and reconstructed them with CSS

He hopes to add more Simpsons characters in future, as well as find ways to reduce the number of elements used to create the existing ones.

Update: Pattle has temporarily removed his project from Github while he seeks legal permission to reproduce the Simpsons characters

Like this? Read these!

Have you seen an inspiring example of CSS? Let us know in the comments box below!

Thank you for reading 5 articles this month* Join now for unlimited access

Enjoy your first month for just £1 / $1 / €1

*Read 5 free articles per month without a subscription

Join now for unlimited access

Try first month for just £1 / $1 / €1

The Creative Bloq team is made up of a group of design fans, and has changed and evolved since Creative Bloq began back in 2012. The current website team consists of six full-time members of staff: Editor Kerrie Hughes, Deputy Editor Rosie Hilder, Deals Editor Beren Neale, Senior News Editor Daniel Piper, Digital Arts and Design Editor Ian Dean, and Staff Writer Amelia Bamsey, as well as a roster of freelancers from around the world. The 3D World and ImagineFX magazine teams also pitch in, ensuring that content from 3D World and ImagineFX is represented on Creative Bloq.