[WordPress] 外掛分享： BricksFly – Bricks Builder Addons, Bricks Templates, Elements & GSAP Animations

內容簡介

BricksFly 是一款專為 Bricks Builder 設計的外掛，提供多樣化的擴充元件、模板及無需編碼的 GSAP 動畫引擎，幫助設計師和開發者輕鬆創建互動式和動畫網站，無需撰寫自訂 JavaScript。

【主要功能】
• 45+ Bricks 元件與擴充功能，涵蓋內容、影片及行銷工具
• 無需編碼的 GSAP 動畫引擎，支援多種動畫效果
• 內建模板庫，提供 30+ 完整 Bricks 模板及 500+ 優質區塊
• 響應式控制、即時預覽及選擇性資產加載
• 可依需求啟用所需的元件與擴充功能

外掛標籤

開發者團隊

原文外掛簡介

BricksFly is a collection of Bricks Builder addons designed to extend your website-building workflow with Bricks Elements, useful Extensions, and a no-code GSAP animation engine. It helps designers and developers build interactive, animated websites in Bricks Builder without writing custom JavaScript.
BricksFly also provides ready-made Bricks templates and professionally designed templates for Bricks Builder through BricksFly Pro. These include complete starter websites and reusable sections for Bricks that can be imported and customized directly inside the Bricks editor. It is made by the team behind Animation Addons, a GSAP animation toolkit for WordPress.
Main features:

45+ Bricks Elements and Extensions, including practical elements for Bricks and addons for Bricks Builder covering content, video, marketing, dynamic layouts, and workflow tools. Some are part of BricksFly Pro.
A no-code GSAP animation engine for Bricks Builder with ScrollTrigger, SplitText, parallax, horizontal scroll, sticky and pin, smooth scroll, image reveal on hover, and cursor effects.
A built-in Template Library with 30+ full Bricks templates and 500+ premium sections for Bricks (BricksFly Pro).
Responsive controls, live previews, and selective asset loading.

Enable only the Elements and Extensions you need on each site. Animation controls can also respect reduced-motion preferences.
Useful links: Live demo | Documentation | All Elements | Starter templates | Sections | FAQ | Support | Community
Watch a quick overview:

More tutorials and walkthroughs are on the BricksFly YouTube channel.
Elements for Bricks Builder
Design dynamic websites with a growing collection of Bricks Elements, from creative layouts to marketing blocks. These elements for Bricks are built to work directly inside the Bricks Builder workflow. Just drag, drop, and customize. See them all on the Elements page.
General Elements

Advanced Button Pro: Create customizable Bricks buttons with modern hover styles and animations.
Social Icons: Display social media icons with custom styles and hover effects.
Brand Slider: Show client or brand logos in a customizable, animated slider.
Counter: Display animated number counters for statistics and milestones.
Progress Bar: Show progress indicators in multiple animated styles.
Gallery Progress (Pro): Display an image gallery with an animated progress indicator.
Icon Box: Display icons with titles and descriptions in clean, flexible layouts.
Testimonial: Showcase client reviews with customizable layouts.
Classic Testimonial: Display testimonials in a clean, classic style.
Modern Testimonial: Present testimonials with modern, animated layouts.
Team: Showcase your team members professionally with hover effects.
Timeline: Tell your story with animated, scroll-triggered timeline layouts.
Floating Elements: Add floating, rotating, zooming, and motion effects to any element.

Animation Elements

Animated Heading: Create animated headings with multiple text effects and triggers.

Header & Footer Elements

Animated Off-Canvas (Pro): Create animated off-canvas panels for menus or custom content.

Dynamic Elements

Social Share (Pro): Enable social sharing for any post or page.
Post Meta: Show post metadata such as date, author, and category.
Video Story: Present posts or content in an engaging video story format.

Video Elements

Video Popup (Pro): Display videos inside a popup modal to boost engagement.
Video Box: Embed external or self-hosted videos directly inside Bricks.
Video Mask: Apply creative masks and visual effects to video elements.
YouTube Video (Pro): Embed and customize YouTube videos with advanced controls.
Scrollable Video: Play or scrub a video as the visitor scrolls the page.
Video Box Slider: Display videos in a responsive slider layout.

Advanced Elements

Image Accordion: Highlight images with smooth accordion-style interactions.
Toggle Switch: Add interactive on and off toggle elements for content control.
Draggable Items: Add drag-and-drop interactive items to a page.

Bricks Builder Addons and Extensions
BricksFly includes a growing collection of Bricks Builder addons and Extensions that enhance your Bricks workflow. These extensions for Bricks add animation, interaction, navigation, and workflow features without requiring custom code. Enable only what you need to keep your site lightweight and fast. Some Extensions are part of BricksFly Pro.
GSAP Extensions

Scroll Smoother: Add smooth scrolling for a modern, fluid browsing experience.
Animation: Create custom Bricks animations with flexible triggers and timing.
Sticky/Pin Element: Keep sections or elements fixed during scrolling for sticky effects.
Text Animation: Build dynamic SplitText animations including text reveal, fade, 3D text, and character-by-character effects.
Image Animation: Apply dynamic motion effects to images for better visual engagement.
Parallax Effect: Add creative parallax scrolling effects to any element or section.
Effects: Apply ready-made motion effects to your Bricks elements.
Cursor Hover Effect: Add interactive hover animations triggered by cursor movement.
Image Reveal on Hover: Reveal images smoothly on hover for modern design layouts.
Cursor Move Effect: Create motion effects that respond to user cursor movement.
ScrollTrigger: Trigger advanced animations based on scroll position using GSAP ScrollTrigger.
Horizontal: Build horizontal scroll animations using GSAP ScrollTrigger.
ScrollTo: Create smooth scroll-to navigation for one-page Bricks websites.

General Extensions

Tilt Effect: Create mouse-based tilt animations for interactive Bricks elements.
Advanced Tooltip: Add rich, interactive tooltips to display extra information on hover.
Wrapper Link: Make entire sections, containers, or blocks fully clickable without extra code.
Preloader: Display custom preloader animations while your Bricks site loads.
Cursor: Replace the default cursor with custom designs and interactive cursor styles.
Scroll Indicator: Show a reading progress bar or scroll indicator on any page.
Scroll To Top: Add a customizable scroll-to-top button for better navigation.

Explore individual features: Sticky and pin elements, Split text animation, Image animation, Image reveal on hover, Horizontal scroll, Cursor hover effect, and Advanced tooltip.
GSAP Animation for Bricks Builder
Create GSAP animation for Bricks Builder visually without writing custom JavaScript. Pick a trigger, set the options, and preview it live inside Bricks. BricksFly supports GSAP animations for Bricks including ScrollTrigger scroll animations, SplitText text reveals, parallax, horizontal scroll, sticky and pin sections, smooth scrolling, and cursor effects.
Watch a SplitText animation built in Bricks:

Bricks Templates and Sections (BricksFly Pro)
With BricksFly Pro, start from 30+ professionally designed Bricks templates and complete starter websites with inner pages. You also get 500+ reusable sections for Bricks to build landing pages, service pages, portfolios, pricing pages, and more.
These templates for Bricks Builder can be imported with one click from the built-in Template Library. Every design is editable inside Bricks and can be enhanced with BricksFly animations and Extensions. Browse the starter templates and sections, or try the live demo.
Watch a full site imported in minutes:

Who BricksFly is for
BricksFly fits freelancers who want to deliver more without subcontracting, agencies that need a repeatable production workflow, designers who want to own the final result, and business owners who want to manage their own site. Developers use it to skip repetitive setup and spend time on custom work. Learn more on the What is BricksFly page.
External Services
BricksFly uses the Themecrowdy API to provide one-click import for Bricks templates, starter websites, and section templates inside the Bricks Builder workflow.
Our Mailchimp integration connects to Mailchimp’s API when you use the related subscription feature. Subscribing is optional, and no data is collected unless you choose to submit it.
Source Code:
See the BricksFly source code in our public repository: GitHub Repository.