Release of Core UI and new Core Animator on May 15th with a new pricing raise
Brickscore / Features /
Core Animator
Core Animator
Documentation
Core Animator is the integration of the popular GSAP ScrollTrigger library so that you can design real-time animations at Bricks Builder.
To have a better understanding of how GSAP Scrolltrigger works and parameters you can check their official documentation
Core Animator is based on ScrollTrigger timelines. You can rename, delete or generate infinite timelines.
We included a preview that replicates all timeline´s delays and durations and by enabing Markers you can preview the starting point of each of your animations.
Additionally, Core Animator interface is resizable and draggable so that you have a customizable view of Core Animator at your builder.
Core Animator is at its first version, we will progressively cover more of GSAP possibilities at next Brickscore versions.
ScrollTrigger
Element
The element that will receive the animation.
You can use the Element´s selector to select an element and automatically introduce its className at the input or you can introduce it manually.
Trigger
The element that will triggered the animation when it enters the viewport. this by default (the element itself).
You can use the Element´s selector to select an element and automatically introduce its className at the input or you can introduce it manually.
Start
The starting point that will be recognised when the element selected at the Trigger enters the viewport. top bottom by default. top bottom means when the top of the trigger hits the bottom of the viewport.
You can choose from a variety of Start options or introduce it manually.
Animation
Property
The animation property that will be applied at the Element you selected. Opacity by default.
You can choose from a variety of Property options or introduce it manually.
From
Means the property you selected will switch to this parameter at page load. 0 by default (for Opacity property).
To
Means the property you selected will switch to this parameter once the Trigger reachs the viewport. 1 by default (for Opacity property).
Duration
The animation duration of the property once the Trigger reachs the viewport. 1 by default.
Duration
The animation delay of the property once the Trigger reachs the viewport. 0 by default.
Ease
GSAP easing of the animation property. sine by default.
You can choose from a variety of Ease options or introduce it manually.
Introduction
Text elementsScroll Reading
Text
Underline Hover
Text
Highlight Hover
Text
Scroll Cascading
New
Text
Twist Reveal
Text
Letter Launcher
Text
Swap Hover
Text
3D Swap Hover
Text
Typed
New
Text
Circular Title
Text
Mask Hover
Text
MouseFill Title
Text
Fluid Gradient Ttitle
Text
Infinite Title
Text
Scroll Gradient
Text
Unfold Hover
New
Text
Counter
Text
Blade Reveal
Text
Inline Images
Text
Unfold Reveal
Text
Scribble Reveal
Text
SVG Reveal
Text
Decode Hover
Text
Decode Reveal
Text
Random Letters
Text
Exchange Title
Text
Blended Hover
Text
Anyside Button
Button
Mask Button
Button
Layer Button
Button
Arrow Button
Button
Crystal Button
Button
Split Button
Button
Ripple Button
Button
Prism Button
Button
Glowing Button
Button
Neumorphic Button
Button
Marquee Button
Button
Microbox Button
Button
Core Burger
Menu
OffCanvas Menu
Menu
Stripe megaMenu
Menu
Multi OffCanvas Menu
Menu
Expanding Menu
Menu
Overlay Menu
Menu
Sticky Header
Menu
Simple Menu
Menu
Morphing Nav
Menu
Cursor
Core
Smooth Scroll
Core
Custom Scrollbar
Core
Marquee
Core
Grainy
Core
Bubbles
Core
Dark Mode
Core
Tippy
Core
Click & Copy
Core
Flipbox
Core
Media
New
Core
Spinner
Core
Gradiently
Core
Glowing Card
Core
Drawer
Core
Observer
Core
Codepen
Core
Motion Divider
Core
Generatorism
Core
Glitchy
Core
Core Tabs
Core
Parallax
Core
Spotlight
Core
Back to Top
Core
Core Slider
Core
Particles
Core
Parallax Hover
Core
Video Sequence
Core
Sharer
Core
Before/After Image
Core
Lottie
Core
Image Reveal
Core
Expanders
Core
Image Hotspots
Core
Zoom Lens
Core
Need assistance?
No spam. Only Brickscore news and showcases