Commit Graph

88 Commits

Author SHA1 Message Date
konstantin-paulus b3c620a081 Add fflate dependency and enhance Lottie JSON handling in SidebarRight
- Introduced "fflate" dependency for improved compression handling.
- Updated SidebarRight to utilize new commitSource function for saving Lottie JSON edits.
- Refactored Lottie JSON structure for better readability and maintainability.
- Implemented server middleware to handle Lottie JSON updates, ensuring the source of truth is maintained.
2026-06-14 15:04:01 +02:00
konstantin-paulus c86ca8ce4b Enhance styling and functionality in SidebarLeft and update CSS for selection
- Set default project name in SidebarLeft input to "New project" for better user experience.
- Implemented input focus and selection handling for improved usability.
- Added CSS variables for selection colors and styles to enhance visual feedback during text selection.
2026-06-14 12:54:37 +02:00
konstantin-paulus d030feecfc Update lottie.json with scene name and refactor SceneItem component for improved styling and structure
- Added "nm" property to lottie.json to specify the scene name.
- Refactored SceneItem component to streamline button structure and enhance styling with consistent class usage.
- Simplified rendering logic for thumbnail images within the SceneItem component.
2026-06-14 12:39:03 +02:00
konstantin-paulus af54e706c6 Refactor ScenesContainer to use SceneItem component for improved structure and thumbnail loading
- Replaced inline scene rendering logic with a dedicated SceneItem component for better readability and maintainability.
- Integrated thumbnail loading using createResource for each scene, enhancing performance and user experience.
- Updated scene navigation logic to maintain existing functionality while improving code organization.
2026-06-14 12:36:12 +02:00
konstantin-paulus b702e706aa Implement scene routing and enhance 404 handling
- Added SceneRoute component to manage scene availability and loading states.
- Introduced NotFound component for improved user feedback when a project or scene is not found.
- Updated routing to utilize SceneRoute for dynamic scene rendering and replaced generic not found message with NotFound component.
2026-06-14 12:07:26 +02:00
konstantin-paulus 475961dc55 Add scene creation functionality and enhance sidebar interactions
- Implemented addScene function in ScenesContainer for dynamic scene addition.
- Enhanced SidebarLeft to allow project creation with input handling and keyboard events.
- Updated server middleware to handle project and scene creation requests, ensuring unique slugs and default scene setup.
- Improved user experience with input focus and blur handling for project naming.
2026-06-14 12:02:04 +02:00
konstantin-paulus 9bd32d9b7b Enhance app structure and scene management
- Integrated scenesPlugin into Vite configuration for improved scene handling.
- Removed obsolete controls.json and lottie.json files to streamline project assets.
- Refactored App component to eliminate CanvasProvider, simplifying the component hierarchy.
- Updated routing to include scene navigation and default redirection based on available scenes.
- Enhanced ScenesContainer and SidebarLeft components for dynamic project and scene management.
- Improved CanvasProvider to load scene-specific data and manage animations effectively.
2026-06-13 22:47:31 +02:00
konstantin-paulus 44f6b416fa Refactor project structure and update dependencies
- Updated .gitignore to include new build and environment files.
- Upgraded dependencies in package.json and bun.lock, including major updates for canvaskit-wasm and tailwind-merge.
- Removed outdated package-lock.json and tsconfig files.
- Replaced React with Solid.js for improved performance and reactivity.
- Introduced new components and updated the app structure for better organization.
- Added new SVG icons and fonts for enhanced UI.
- Updated index.html and CSS for improved styling and layout consistency.
2026-06-13 18:34:02 +02:00
Konstantin 3360f2e78b Merge pull request #2 from wcandillon/wcandillon-patch-1
chore(📝): update README with React Native Skia Lottie info
2026-06-11 20:52:22 +02:00
William Candillon 4eb6d1436e chore(📝): update README with React Native Skia Lottie info
Added information about using React Native Skia for Lottie animations, including code example.
2026-06-11 17:34:43 +02:00
Konstantin 972ede5542 Revise README for clarity and grammar
Fixed grammatical errors and improved clarity in README.
2026-06-10 18:04:18 +02:00
konstantin-paulus 2707daf96a Adjust GIF dimensions in README.md for improved layout consistency. 2026-06-10 11:09:35 +02:00
konstantin-paulus b575f5fdc4 Update README.md with enhanced project description, usage instructions, and prompt guidelines for generating Lottie animations. Replace header image and remove outdated GIF. Add quick start guide and examples for various platforms. 2026-06-10 11:08:02 +02:00
Konstantin 8343c7cfac Merge pull request #1 from diffusionstudio/visual-updates
Add animated banner to README
2026-06-10 01:27:47 +02:00
Doruk Kavcioglu ab2ed3fa73 Add banner to README 2026-06-10 02:22:21 +03:00
konstantin-paulus ce3d2a0d18 Add LICENSE file and update project metadata
- Introduced a LICENSE file with MIT licensing terms.
- Renamed project from "lottie-experiments" to "text-to-lottie" in package.json.
- Added license information to package.json.
- Updated README.md to reflect project name change and improved usage instructions.
- Revised SKILL.md to clarify the authoring process for Lottie files.
2026-06-08 16:48:24 +02:00
konstantin-paulus ff66fc49a7 Update SKILL.md to emphasize the use of the official GitHub player project and add requirements for a background-color control in animations. Clarified setup instructions and verification steps to ensure proper rendering and usability of Lottie animations. 2026-06-08 12:14:37 +02:00
konstantin-paulus 25cf7026d6 Refactor Lottie player initialization to support URL-based frame and playback control. Remove remote control functionality and update documentation to reflect new methods for inspecting animations via URL parameters. This enhances usability for automated testing and debugging. 2026-06-05 22:59:58 +02:00
konstantin-paulus 711ad0338d Refactor PropertiesPanel layout for improved usability and performance. Remove unnecessary null check for slots and enhance the structure to ensure proper rendering of properties. This update streamlines the component's functionality and maintains a clean user interface. 2026-06-05 11:15:55 +02:00
konstantin-paulus 04f57a5495 Enhance Lottie player functionality by adding remote control capabilities and improving playback state management. Update documentation to include instructions for controlling playback via the browser console, ensuring users can effectively inspect animations at specific frames. 2026-06-05 00:30:17 +02:00
konstantin-paulus 68383d2743 Enhance text-to-lottie skill documentation by clarifying the project setup requirements. Added instructions for ensuring the viewer is configured and the animation is previewable in the browser, along with verification steps for the rendered animation. 2026-06-05 00:12:00 +02:00
konstantin-paulus 28d69b4b41 Update .gitignore to remove the create-lottie-experiments/template entry and replace it with .claude for better project organization. 2026-06-04 23:42:48 +02:00
konstantin-paulus 7c075efa53 Enhance text-to-lottie skill documentation by adding guidance on JSON shape mechanics and linking to motion-design skill for timing and choreography principles. This update improves clarity for users creating Lottie animations. 2026-06-04 22:55:08 +02:00
konstantin-paulus 33771043e9 Refine text-to-lottie skill documentation by simplifying the description and removing the minimal example. This update clarifies usage instructions and focuses on essential guidelines for creating Lottie animations. 2026-06-04 20:49:58 +02:00
konstantin-paulus 84e53784cd Remove CLAUDE.md and create-lottie-experiments files, consolidating documentation and scaffolding into the new text-to-lottie skill. This update streamlines the project structure and enhances the guidance for generating Lottie animations. 2026-06-04 20:31:36 +02:00
konstantin-paulus 853bfbe86d Enhance controls.json and lottie.json by adding ballSize control and updating animation properties. Modify Scrubber component styles for improved visual consistency. 2026-06-04 16:35:11 +02:00
konstantin-paulus 02a45f4657 Update controls.json to replace sparkle controls with ball controls and enhance lottie.json with additional animation layers for improved visual effects. 2026-06-04 15:50:57 +02:00
konstantin-paulus cf33422150 Update ZOOM_SENSITIVITY in lottie-player.ts for improved zoom responsiveness 2026-06-04 15:42:21 +02:00
konstantin-paulus 747f7018c4 Add export functionality to download configured Lottie animations from PropertiesPanel
Implement a new downloadConfiguredLottie function in App.tsx to create a downloadable Lottie JSON file with current slot values. Update PropertiesPanel to include an onExport prop, allowing users to trigger the download with the current values applied. This enhances user interaction by enabling easy export of customized animations.
2026-06-04 15:37:22 +02:00
konstantin-paulus a3588f75a9 Enhance PropertiesPanel layout for improved UI consistency: refactor color and vector controls to use shared styles, ensuring left-aligned labels and better responsiveness. Update input elements for a more cohesive design. 2026-06-04 15:15:41 +02:00
konstantin-paulus abab4092ae Update PropertiesPanel and Scrubber styles for improved UI consistency; change radius in index.css for better design coherence. 2026-06-04 14:50:37 +02:00
konstantin-paulus c68b6e53b4 Refactor UI components for consistency: update styles in PlaybackControls, PropertiesPanel, ZoomControls, Scrubber, and Slider for improved visual coherence and responsiveness. 2026-06-04 14:31:45 +02:00
konstantin-paulus d4ed519058 Update PropertiesPanel to replace Slider with Scrubber for enhanced value control and add motion library dependency in package.json. 2026-06-03 19:16:59 +02:00
konstantin-paulus 218bf18628 Implement live properties panel for Lottie animations, allowing real-time editing of slottable properties. Update LottiePlayer to support slot management and integrate controls metadata. Enhance App component to fetch and display properties panel, improving user interaction with animations. Update README to reflect new features and file structure changes. 2026-06-03 17:21:35 +02:00
konstantin-paulus 77aeb1dfeb Update README to clarify Lottie animation generation workflow with LLM integration. Add watchLottie plugin in Vite config to enable live reload of Lottie files. Extend .gitignore to exclude generated template files. 2026-06-03 16:50:40 +02:00
konstantin-paulus 0ec1ab0a85 Enhance Lottie player with Figma-style camera controls for pan and zoom functionality. Update README to document new features and integrate ZoomControls in the App component for user interaction. Refactor LottiePlayer to manage camera state and input handling for improved responsiveness. 2026-06-03 16:13:32 +02:00
konstantin-paulus 077965832e Refactor Lottie player to track playback in frames instead of time. Update README and PlaybackControls to reflect changes in state management and UI. Adjust seek functionality to operate on frames, enhancing playback accuracy and control. 2026-06-03 16:06:02 +02:00
konstantin-paulus 9b5f21bbab Initialize lottie-experiments project with Vite, React, and TypeScript setup. Add essential files including package.json, tsconfig, and README. Implement Lottie animation player using CanvasKit, along with UI components for playback controls. Include styles with Tailwind CSS and setup build configurations. 2026-06-03 16:01:43 +02:00