عکس mohammadyousefvand
CSS Generator has a lot of tools 😉 🎉 👀JavaScript
موضوع‌ها
۰
فورک‌ها
۱
ستاره‌ها
۱۲
تاریخ ایجاد
۳۱ فروردین ۱۴۰۱
آخرین بروزرسانی
۳ ماه قبل

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
  • Other tools are coming Soon 😉

Transform tools (Coming Soon 😉) :

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

Filter tools :

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

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