Arc Title
Blade Reveal
Blended Hover
Blur Reading
Blur Reveal
Counter
Decode Hover
Decode Reveal
Dynamic Copyright
Fluid Gradient
Highlight
Highlight Hover
Letter Launcher
Link Preview
Looping Lines
Looping Lines v2
Looping Lines v3
Mask Hover
Proximity Hover
Read More
Scribble Reveal
Scroll Reading
Swap Hover
Text Shimmer
Twist Reveal
Typed
Underline Hover
Unfold Hover
3D Swap Hover
Anyside Button
Arrow Button
Arrow Button v2
Arrow Button v3
Arrow Button v4
Arrow Button v5
Arrow Button v6
Arrow Button v7
Arrow Button v8
Arrow Button v9new
Blurry Button
Bubbles Button
Crystal Button
Dot Button
Dot Button v2
Dot Button v3
FlipFlop Button
FlipFlop Button v2
FlipFlop Button v3
Glowing Button
Marquee Button
Marquee Button v2
Mask Button
Modal Button
Nudge Button
Pixels Button
Prism Button
Prism Button v2
Rainbow Button
Reel Button
Ripple Button
Ripple Button v2
Ripple Button v3
Ripple Button v4
Ripple Button v5
Ripple Button v6
Ripple Button v7
Shiny Button
Squeezy Radius Button
Strip Button
Stripes Button
Audio Player
Back to Top
Chartnew
Click and Copy
Decode Card
Distorsion Tabs
Expanders
Flipbox
Glitchy
Horizontal Marquee
Interactive Divider
Inverted Corner
Looping Tabs
Lottie
Motion Divider
Observer
Orbitnew
Pixels Shimmer Card
Progress Bar
Progress Bar v2
QR Code
Scrollbar
Sharer
Smooth Scroll
Spinner
Stacking Cards
Sticky Footer
Syncnew
Tabs
Tippy
Toast
Toolteam
Vertical Marquee
Workflownew
Codepen
Content tab
Content group
Content element: URL of the pen you want to display.
Default tab: there is a wide variety of default tab options to choose from. It will determine the tab or tabs to display by default.
Editable: if enabled, users will be able to edit the pen’s code.
Preview: if enabled, a Run Pen button will display to run the pen instead of running it at page load.
Animation group
Theme: there are 3 built-in themes: default, light and dark. In addition, you can set a theme by its number. e.g: 31205
Default zoom: determines the default zoom applied at the preview: 0.25, 0.5 or 1.