i-bex / boxshadowcraft

Box Shadow Craft is a handy tool for tweaking box shadow effects on web elements in real-time. Easily adjust shadow properties, preview changes instantly, and generate CSS snippets with ease. Simplify your shadow styling with Box Shadow Craft.

Box Shadow Craft

Box Shadow Craft is a lightweight web application that allows you to dynamically adjust the box shadow properties of an element in real-time. It provides a user-friendly interface to customize box shadow effects and see the changes instantly. With Shadow Craft, you can easily generate CSS code snippets for the configured shadow effects.

Features

• Live Shadow Editing: Change box shadow properties and instantly see the results.
• Code Snippet Generation: Automatically generate CSS code for the configured shadow effects.
• Interactive Shadow List: Manage and visualize multiple box shadow effects simultaneously.
• Easy to Use: Intuitive interface for effortless customization of shadow properties.

Usage

1. Adjust Properties: Modify the horizontal offset, vertical offset, blur radius, spread radius, and color of the shadow.
2. Preview: See the live preview of the shadow effect on the selected element.
3. Copy Code: Copy the generated CSS code snippet and use it in your projects.

boxshadowcraft's Issues

Info lost on reload

The Problem:

Hi @i-Bex ,

When viewing the site i accidentally reloaded it and notice that all the information was lost. 😔

It would be really handy to convert all the information from variables (etc) to a .json file that could be stored locally(or otherwise) so that in cases like that the problem is avoided. 😊

---

This is otherwise this is a pretty good site.👏🏾
I know its been months since you've worked on this but i thought i might share this anyway.