Shutterstock Widget Generator
This project integrates the Shutterstock UI Wizard tool to help developers generate embeddable widgets in either HTML or React. It provides a live preview feature and several customization options such as layout, content, and styling. The project demonstrates how to incorporate the widget into modern web applications, allowing users to seamlessly embed Shutterstock assets.
Frontend
Backend
Database
Tools
- • Integrating third-party scripts and styles dynamically
- • Maintaining live preview functionality within React
- • Handling customization parameters from the wizard
- • Used a sandboxed iframe to render third-party widget previews
- • Mapped wizard settings to React state management for real-time updates
- • Created an abstraction layer for embedding HTML or React code dynamically
Built a reusable component for live widget previews
Users can copy embeddable code directly from the interface
Improved UX by providing instant visual feedback for each setting
Other Projects
Chain LLM steps into a workflow with {{stepId.output}} substitution between steps. Pick a preset, edit any prompt, watch the chain execute step by step.
View ProjectCLI + web viewer that runs your prompts against test cases with contains / regex / equals / llm-judge assertions, produces a JSON report, and fails the build on regressions in CI.
View Project