Breakin’ Elements

Breakin’ Elements is an experimental plugin that supercharges Breakdance with a collection of quirky, custom-made elements designed to push creative boundaries. Originally crafted for niche use cases, these tools offer unique functionality rarely seen in traditional page builders, empowering users to create dynamic, interactive, and visually striking websites with ease.

Key Features:

• Unconventional Design Tools:
  • Section Parallax: Apply horizontal or vertical parallax effects to backgrounds effortlessly.
  • Dynamic Text: Seamlessly embed dynamic content (e.g., dates, custom fields) within sentences and style them freely.
  • Scramble Text: Add glitch, decode, or scramble animations to text for eye-catching displays.
• Advanced Animation & Interactivity:
  • GSAP Integration: Create complex animations with elements like GSAP Loop, Reveal, Split Text, and Magnetic Mouse effects.
  • Parallax Tilt: 3D tilt effects with customizable shadows using the Atropos JS library.
  • GSAP Perspective & 3D Timelines: Craft scroll-driven 3D transformations and perspective animations.
• Responsive & Practical Enhancements:
  • Breakpoint Picture: Optimize images per device with tailored sizes, ratios, and HTML <picture> tag support.
  • SVG Icon Element: Directly paste SVG code without relying on icon libraries.
  • Wrapping Lightbox: Build custom galleries that open in a unified lightbox.
• Playful Experimentation:
  • Circle Text: Generate perfect circular text layouts with animation options.
  • GSAP Path Text: Animate text along SVG paths for dynamic motion effects.
  • Slice Image Grids: Divide images into animated grids for creative transitions.