Skip to main content
assetsforwordpress

Creative Assets

Explore a unique collection of premium assets, tailored for your enjoyment and discovery.

If you didn't already, don't forget to read the instructions first.

Categories

BREAKDANCE: All assets support Breakdance as designed.
OXYGEN6 + BD ELEMENTS: These assets work in Oxygen 6 with the Breakdance Elements for Oxygen 6 extension activated.
OXYGEN6: These assets work in Oxygen 6 WITHOUT the Breakdance Elements for Oxygen 6 extension.

free
  • BREAKDANCE
  • OXYGEN6 + BD ELEMENTS
  • OXYGEN6

Search by topic

Tags
  • All topics
  • GSAP
  • Slider
  • 3D
  • CSS
  • SVG
  • Background
  • Button
  • Gallery
  • AI
  • Gradient
  • Hover
  • Illustration
  • Mouse
  • WebGL
  • Counter
  • Cursor
  • Dark Mode
  • Dynamic
  • FAQ
  • Flip
  • Glitch
  • Grid
  • header
  • Heading
  • Images
  • Layout
  • Logo
  • Parallax
  • Pattern
  • RGB
  • Scramble
  • Scrolling
  • SplitText
  • Squircle
  • Tabs
  • ThreeJS
search

Advanced Grid Layouts

Advanced CSS Grid Layouts: Stunning Examples for WordPress Sites

Enhanced FAQ Effects

Enhanced FAQ with smooth color transitions, reduced-motion support, and image sync

Rolling Counter Animation

Responsive rolling counter animation that triggers on view

Random Grid Fade on Scroll

Scroll through layers of fading squares

Parallax Sliders

Turn a Standard Slider into a Parallax Slider with One Data Attribute!

Gradual Blur effect

Beautiful gradual blur effects that fade smoothly from clear to blurred

Fancy GSAP Marquee

Experience the ultimate marquee code that effortlessly loops content with smooth hover effects and customizable animations!

Interactive Slide Navigation on hover

Control your slider content through external navigation elements.

Interactive Galleries with Animated Captions

Dynamic caption overlays that follow cursor movement for the gallery element.

3D Scrolling Stripe Effect

Animated 3D stripe effect with scroll synchronization

Spotlight on Hover

Mouse-following spotlight effect that illuminates content on hover.

3D Half-Flip on Scroll

A 90-degree 3D flip effect that reveals different content faces as you scroll.

Animated Grid Background with Ripple Effect

Dynamic grid with customizable ripple effects using OGL and WebGL.

Random Shuffle Slideshow with View-Triggered Animations

A view-triggered slideshow with random order on each load.

Split-section Sliding Animations

Smooth split-screen sliding effect on scroll.

Floating Image on Hover

Dynamic hover effect where images appear and follow cursor movement.

Curtain Reveal Effect

Reveals sections with a cinematic curtain reveal.

Interactive Image Display on Link Hover

An interactive showcase that connects list items with corresponding images.

Text Scroll Reveal

Scroll-triggered text reveal with GSAP and SplitText.

Gooey Text Background

Achieving smooth, flowing borders with a viscous, organic visual effect.

Dynamic 3D Flip Showcase

Dynamic 3D flip that highlights your product from every angle

Magnetic Mouse Effect on Buttons

Interactive magnetic effect on buttons

Scrambled Links On Hover

Playful hover scramble for text links using GSAP's ScrambleText plugin.

Scroll-Based Pinned Stack Effects

Pinned, layered scroll effects that lock and transition elements with fade, rotation, 3D, blur and saturation.

Gradient Background WebGL Animations

Seamlessly smooth and fully customizable WebGL gradient effects to elevate your backgrounds

Automatic Split Text Animations

Automatically animate all headings when they come into view

Clever Card Animations

Smart GSAP animations involving math and other cool tricks

Animated RGB Split Effect on Text

RGB Glitch Effect made with GSAP

Creative Shape-outside Designs

Wrap text content around complex shapes using the CSS shape-outside property

Squircle Effect

Squircle: The Shape-Shifter of CSS That Makes Borders Jealous!

Fancy Full Bleed layouts

Check out these fun examples of full bleed layouts that go all the way!

Random Loop Animation

Dynamic background animations featuring various shapes crafted seamlessly with GSAP.

Synchronized Sliders

Responsive, customizable synchronized gallery and advanced sliders showcasing thumbnail, vertical, and fullscreen layouts.

Fancy Animated Headers

GSAP-powered header animations for borders, backgrounds, logos and menu links with reduced-motion support

Animated Highlighted Words

GSAP-driven animated word highlights with fade, zoom, translate effects and reduced-motion support

Animated Gallery

GSAP-driven image gallery animations: fade, clip-path, bounce, rotations, zoom/grayscale and 3D effects.

Falling Snowflakes

Lightweight, customizable CSS library for animated falling snowflake backgrounds.

Autoplay Tabs

Autoplay tabs with progress bar, fade transitions and click-to-pause controls

Liquid Buttons

Fluid, interactive button effects that enliven user interactions.

Made With Breakdance AI logos

AI‑generated logos created with Breakdance and custom LoRA typography

Sliders with images of various sizes

Responsive slider demos showcasing mixed-aspect images and autoplay behavior

Fancy Shaped Galleries

Custom CSS clip-path gallery layouts (parallelogram, octagon, rabbet, chevron) with adjustable gap

Animated Background Text Gradient

Vibrant animated gradient background for headings using a background image

Animated Text Path

Animate SVG text along custom paths with editable HTML and CSS.

Thumbnail Sliders

Thumbnail slider examples showcasing the ThumbSlider element for product and team displays

Sparkles Text Effect

Sparkling text effects for Dual Heading, Form Builder, and Text elements

Ripple Effect on Buttons

Simple script that adds a ripple effect to buttons and button-like elements

Infinite Horizontal Scrolling

GSAP-powered seamless infinite horizontal gallery with variable-width, linkable images and ACF-driven dynamic loops

Infinite Vertical Scrolling

Infinite vertical scroll effect in pure CSS with adjustable speed, image count, and gaps

Parallax Effect on Mouse Position

Mouse-driven parallax effects powered by GSAP

Split Text Animations

Animate text letter-by-letter, word-by-word, or line-by-line using GSAP and Splitting JS.

3D Rotating Banners on Scroll

GSAP-powered oldschool 3D rotating banners, activated by a Supa Transform 3D data attribute

Dark Mode Toggles

Animated dark‑mode toggle demos with editable CSS/JS and options to remember settings or respect prefers-color-scheme.

Fancy Sliders

Creative, lightweight Breakdance sliders with customizable CSS.

Perspective Effect On Scroll

3D perspective scroll effect for banners using Supa Transform and GSAP

Fancy 3D looping animation

GSAP-powered 3D looping animations for immersive visual effects

3D Elements

Convert elements into customizable 3D rectangles, isometric views, shadows and galleries

Hover Effects with the Supabox element

Build two-layer hover effects with the SUPABOX element—no custom code or extra divs needed.

Underline On Scroll

Scroll-triggered animated underline effects using GSAP and CSS variables

Animated Buttons with icons

CSS-wizardry: animated icon buttons created solely with the Button element.

Animated Reveal Effect

GSAP-powered animated reveal for text that progressively exposes content on scroll or hover and is customizable via data attributes

Dynamic Content Ticker

Create dynamic slider-based content tickers for trending and breaking posts

Vertical Sliders

Transform Breakdance sliders into vertical, looping displays using simple custom code for Gallery, Slider and Post loop elements

Animated Speech Bubbles

Customizable SVG speech-bubble assets with editable colors and GSAP-powered animations.

Animated Headings

Customizable animated headings built with Breakdance and GSAP

Fancy Slider Paginations

Enhance Breakdance slider pagination with custom CSS styling

Logo Showcase

Animated logo-list showcase built with Breakdance's Logo List and GSAP

Seamless Transparent Patterns

AI-generated seamless transparent patterns converted to clean, scalable SVG and WEBP assets for easy download