/Css-Generator-React

CSS Generator has a lot of tools 😉 🎉 👀

Primary LanguageJavaScript

Css Generator 😃

Packages used in Project :

  • React Router Dom
  • Framer Motion
  • react-color
  • react-icons
  • react-awesome-button

Preview

Screenshot from 2022-04-20 19-32-06

Tools 🔨

Background tools :

  • Background-color

  • Background-gradient

    Box tools :

  • Box-Shadow

  • Border

  • Border-Radius ( coming soon )

  • Opacity

Text tools :

  • Color
  • Font-Size
  • Text-decoration
  • Text-transform
  • Letter-spacing
  • Line-height
  • Text-align
  • Font-weight
  • Other tools are coming Soon 😉

Transform tools

  • TranslateX
  • TranslateY
  • ScaleX
  • ScaleY
  • SkewX
  • SkewY
  • Rotate

Filter tools :

  • Blur
  • Brightness
  • Contrast
  • GrayScale
  • Hue-Rotate
  • Invert
  • Saturate
  • Sepia
  • drop-shadow

FlexBox

How to run project

Clone the project

git clone https://github.com/mohammadyousefvand/Css-Generator-React.git

Go to the project directory

cd Css-Generator-React

Install dependencies

npm install

Start the server

npm start