- Introduced a variety of templates including "Code Snippet", "Code with Title", "Before & After", "Code Explanation", "Social Tip Card", "Code Flow", and "LinkedIn Carousel".
- Each template includes detailed properties such as background styles, elements, and code examples.
- Enhanced user experience with visually appealing gradients and structured layouts for better presentation of code.
- Implemented a new section in BackgroundPanel for configuring a brand strip.
- Added options for enabling/disabling the brand strip, setting its position, height, color, text, text color, font family, and font size.
- Integrated FONT_FAMILIES for font selection in the brand strip.
- Updated canvasStore to include default values for the brand strip.
- Enhanced TextInspector and CodeInspector to allow font loading and selection with previews.
- Created a FontLoader component to manage font loading from Google Fonts.
- Added LayersPanel for managing canvas elements with improved UI and functionality.
- Introduced fontLoader utility to handle dynamic font loading.
feat: implement code inspector with language detection and theme selection
feat: create text inspector for text properties and styling
style: add global styles and custom scrollbar for better UI
chore: initialize main entry point for the application
feat: set up Zustand store for canvas state management
feat: define types for canvas elements and background options
feat: implement code highlighting utility with language detection
chore: configure TypeScript settings for the project
chore: set up Vite configuration for React and Tailwind CSS
yveskalume