Release of Core UI and new Core Animator on May 15th with a new pricing raise
Brickscore / Elements /
Cursor
Cursor
Cursor States
Magnetic
Exclusion
Image
Sticky
Hidden
Video
Size
Color
Text
Skew
Backdrop
Documentation
Settings
Cursor
CSS default cursor.
Color
Determines the color of the cursor. black by default.
Size
Determines the size of the cursor. scale(0.2) by default.
Speed
Determines the cursor attachment to the cursor. The lower the speed is, the higher the attachment. 0.55 by default.
GSAP Easing
Movement easing. expo.out by default
Visible
Makes the cursor visible or not in its initial state. True by default.
Skew
Determines the skew when moving. 0 by default.
Hide on leave
Determines wether to hide the cursor when leaving your website or not. True by default.
Magnetic
Magnetic
Select an element class name to target to apply the magnetic effect.
Skew
Skew
Determines the skew of the cursor when hovering the element. 0 by default.
Stick
Stick Delta
Determines the force the sticky effect will have. The lower the value is the higher the force. 0.15 by default.
Target from
Select an element class name to target as the element to hover to apply the effect.
Target to
Select an element class name to target as the element where the cursor is going to stick to.
Size
Size
Determines the size of the cursor when hovering the element. scale(0.2) by default.
Border-Radius
Border-Radius
Determines the border-radius of the cursor when hovering the element. 100% by default.
Target
Select an element class name to target to apply the size effect.
Color
Color
Determines the color of the cursor when hovering the element.
Target
Select an element class name to target to apply the color effect.
Exclusion
Target
Select an element class name to target to apply the exclusion effect.
Text
Typography
You cant set the color, fontSize and fontFamily to display.
Media Skew
Determines the skew of the cursor when moving. 0 by default.
Text
The content to display.
Target
Select an element class name to target to apply the text effect.
Backdrop
Backdrop
Generates a blurry background layer. 0px by default. Must be use in combination of the color state. Color state must have an RGBa transparency (we recommend 0.1)
Image/Video
Image/Video element
Element to display by the cursor on hover. Select an image/video URL.
Media Skew
Determines the skew of the cursor when moving. 2 by default.
Target
Select an element class name to target to apply the image/video effect.
Hidden
Target
Select an element class name to target to apply the hidden effect.
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