Can I vibecode Readymag?

Build a deliberately narrow personal substitute for Readymag, not a full clone.
Use exactly this stack: React + Vite + TypeScript.
Act as an expert frontend engineer to build a sophisticated, free-form web publication and portfolio builder inspired by Readymag. The application must prioritize absolute creative freedom, allowing users to design stunning, magazine-like digital experiences using React, TypeScript, and modern CSS layout techniques.

Core Features & Functionality:
1. **Free-Form Canvas Editor**: A drag-and-drop page builder where elements (text, images, shapes, videos) can be placed absolutely anywhere without restrictive grids.
2. **Widget Library**: A rich palette of customizable widgets, including advanced typography blocks, image carousels, video embeds, and interactive buttons.
3. **Scroll Animations**: A powerful yet intuitive animation timeline allowing users to trigger animations (fade, slide, scale, parallax) based on page scroll position.
4. **Responsive Breakpoints**: Dedicated editing modes for Desktop, Tablet, and Mobile, enabling users to fine-tune the layout for every device size independently.
5. **Preview & Publish**: A seamless transition between editing and previewing the final, highly optimized static experience.

Design & Aesthetics:
- The interface must exude premium editorial design—minimalist, elegant, and focused entirely on the user's content.
- Use a refined, high-contrast monochrome UI with subtle accent colors to avoid clashing with the user's design.
- Incorporate slick, unobtrusive floating toolbars and context menus featuring glassmorphism and subtle drop shadows.
- Typography across the UI must be impeccable, using a classic sans-serif like Helvetica Neue or Inter to maintain neutrality.
- Interactions should be instantaneous, with micro-animations providing clear feedback on dragging, resizing, and snapping operations.

Technical Requirements:
- Architecture: Build a highly scalable component tree where the page schema is represented as a serializable JSON object detailing coordinates, dimensions, and properties of every widget.
- Drag and Drop: Implement a robust drag-and-drop and resizing engine with grid snapping, alignment guides, and smart distribution.
- Performance: Ensure the editor remains performant with hundreds of DOM elements. Optimize the rendering of the final published page for Core Web Vitals.
- State Management: Use a robust state management solution to handle complex interactions, selection states, and a deep undo/redo history stack.
- Animation Engine: Integrate a scroll-linked animation library (like GSAP ScrollTrigger or Framer Motion) that translates user configurations into high-performance CSS or JS animations.