After using Cleanshot X for a while, the simple screenshots aren't doing it for me anymore. Unfortunately, Cleanshot is only available on macos, so I created a small reproduction of their background feature.
- gradient background
- gradient direction
- mesh background
- solid color background (tailwind pallete)
- custom css
- border radius
- padding
- box shadow
- aspect ratio
- proper image scaling
- save favorites?
- custom bg image
- bg image position
- bg blur
- bg opacity
- screenshot alignment
- generating correct image from dom doesn't work on safari link
- copy to clipboard won't work on safari link
- copy to clipboard won't work on firefox link
# Install dependencies
yarn
# Run the app
yarn dev
# Build the app
yarn build
- UI Library: shadcn/ui
- Gradient & Mesh Generator hypercolor