ctcuff / layout-playground

A place to practice design, animation, and other things also

Layout Playground

This is a place where I can experiment with designs and try to implement interesting designs I see across websites from scratch (well, mostly from scratch since I am using vue...)

The Idea 💡

The idea here is to gain a deeper understanding of CSS/SCSS, animations, and other things by creating UIs without the use of CSS libraries, like Bootstrap or Ant Design.

The Goal 🥅

The end goal is to become better at writing CSS/SCSS and just styling in general. I've been saying "I'm not good at styling things", but I haven't really taken the time to understand why. This repo serves as a practice space and an opportunity to grow as a developer.

An example exercise

Some websites I draw inspiration from

• https://christietang.com/
• https://cuberto.com/
• https://useplink.com/en/
• https://rallyinteractive.com/
• https://www.bnewman.co.uk/
• https://bruno-simon.com/
• https://lynnandtonic.com/

How do I run this?

1. Clone this repo
2. Run yarn to install dependencies
3. Run yarn dev to start the server