https://github.com/djimenezweb/flex-playground

Interactive CSS Flexbox playground made with React
https://github.com/djimenezweb/flex-playground

css framer-motion react vite

Last synced: about 4 hours ago
JSON representation

Interactive CSS Flexbox playground made with React

• Host: GitHub
• URL: https://github.com/djimenezweb/flex-playground
• Owner: djimenezweb
• License: mit
• Created: 2024-10-28T13:24:25.000Z (4 months ago)
• Default Branch: main
• Last Pushed: 2024-11-09T14:41:38.000Z (3 months ago)
• Last Synced: 2024-12-19T14:50:13.416Z (about 2 months ago)
• Topics: css, framer-motion, react, vite
• Language: JavaScript
• Homepage: https://flex-playground.onrender.com/
• Size: 1.11 MB
• Stars: 3
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        
# Flex Playground

An interactive CSS Flexbox playground made with React, Framer Motion and Vite.

Live demo: https://flex-playground.onrender.com/

[![Screen capture](./public/flexplayground.png)](https://flex-playground.onrender.com/)

## Features

- Light/Dark theme

- Load and save presets

- Get the CSS code

## Usage

Install dependencies, run and build:

```bash

npm install

npm run dev

npm run build

```

## License

Licensed under the MIT License. Check the [LICENSE](./LICENSE.md) file for details.