SNN-BRX
PROFESSIONAL THEME for BRICKS BUILDER
SNN-BRX Child Theme can help you create great projects without relying on tons of plugins.
Solve MOST of your agency, client and website building needs with one child theme and Bricks Builder.
If this theme saves you from even one plugin, it is a win.
Everything is straightforward and ready to use.
Every feature comes as a setting with this theme most of the features are disabled on default I made that decision to keep the features very very optimized and performant for the website.
If you dont need a feature just dont enable it and you dont have to use it. Thanks to this modularity you dont waste any hosting or server resources.

Easily see and manage your features. You can rename and own your theme. This theme is yours and distributed with GPL license. Use it as you see fit. Have fun.





Probably one of the most powerfull features I added to this theme are GSAP animation features and Lottie (SVG) Animation Element.
There is 2 way to create GSAP animations if you know basic CSS you can code data-animate attribute animations manualy and that gives you supreme control over your animations and dom elements.
Second way to make GSAP animations are the GSAP Elements. Both for Nestable element and the text elements have basic GSAP animation options they dont need much CSS knowledge to use it and very easy to make GSAP anmations with them.
Lottie SVG Element is great it supports all the lottie animations. Loop, Autoplay, Hover, Click and even GSAP Scroll Lottie animations all possible.


For now, I am enjoying developing the features that I and professional builders need. It’s fun.
I use SNN-BRX every day. Both on my websites and for agency or client work. That’s why future-proof development and stability are very important to me. Thats the first thing I think when I develop new features.
I plan to keep the theme and all core features free. Honestly, I feel like these features should have been the foundation of how our workflow should be. That is why I am not thinking this child theme premium worthy yet…
- CHANGE: some simplification for the element register funcs
- NEW FEATURE 🎉: added pin feature to the gsap nestabl element
- CHANGE: some desc change for the settign desc
- CHANGE: some code optimizations
- CHANGE: editor setting panel snn-brx panel icon name change, style change. simplified.
- NEW FEATURE 🎉: Load global classes CSS inline on frontend When enabled, all global classes will be output in minified form in the frontend. I would recommend using this with cache on slow hosting this feature might effect your sites performance. ,Bricks Global Class and CSS Manager
- NEW FEATURE 🎉: now stagger supports added to the data-animate core.
- NEW FEATURE 🎉: new gsap possibility with splittext:word, before it was only split letters possible. now it is possible to split the words as well.
- IMPROVEMENT: ux changes for the hex check if the color is not hex doesnt show the color picker.
- SECURITY: even more security check for saving the color settings
- NEW FEATURE 🎉: COLOR SHADES, now it is possible create color shades automaticly from just one hex color.
- CHANGE: description change.
- IMPROVEMENT: lots more improvement and changes for the Bricks Global Classes Manager. now it can save the animation keyframes with the related class and added the “Load global classes CSS inline on frontend” checkbox setting to load the classes on frontend footer minified if needed optional setting.
- BUF FIX: this fixes more bugs and edge cases maybe crazy someone want to add 10k 20k class now willbe able to do it.
- BUG FIX: this fixed the #39 issue and includes some ux improvements too
- IMPROVEMENT: new presets for the text animations.
- NEW FEATURE 🎉: added scrub setting for the gsap text for finer control for scrolltrigger
- NEW FEATURE 🎉: added scrub setting for the nestable element to give more control and finetuning possibility.
- IMPROVEMENT: some small css and style changes for the cookie banner.
- IMPROVEMENT: custom field settings UX improvement
- IMPROVEMENT: improving the security even more because why not O_O
- CHANGE: removed border css from dashboard now designs looks seamless in the page 🙂
- NEW FEATURE 🎉: Ability to accept bricks templates shortcodes inside the dashboard widget area. Video: https://www.youtube.com/watch?v=LSyJGhOJtQg
- CHANGE: some code cleanup
- FIX: fixed the not show gsap lottie elements if gsap not enabled.
- RELEASE: release for hot fixes
- IMPROVEMENT: Global Color Variables repeater now allows any CSS color format (such as CSS variables, rgb(), hsl(), etc.) to be entered in the text field
- IMPROVEMENT: fix for the FOUC, now adding visibility:hidden to the animating dom will eliminate the fouc gsap. manual css needed to fix fouc.
- CHANGE: Text Wordign Change for input desc
- CHANGE: editor panel SNN button position change.
- CHANGE: some comment line cleanup
- BUG FIX: this fixes the some of the #38
- CHANGE: some default placeholders
- BUG FIX: this fixes some of the #38 bugs
- BUG FIX: this fixes #40, better native solution.
- HOT FIX: this fixes the #40 bug
- HOT FIX: tiny setting saving issue edge case. this fixes it.
- NEW FEATURE 🎉: making the SNN Settings homepage design better…
- CHANGE: simplfying the banner settings and feature
- NEW FEATURE 🎉: adding editor for the Cookie Banner Description setting.
- CHANGE: mini css changes
- CHANGE: mini css change
- IMPROVEMENTS: some tiny improvements for the cookie banner. prod testings are done.
- IMPROVE: making frontend cookiebanner text places translatable strings.
- NEW FEATURE 🎉: map element now support filters. now it is possible create infinite amount of colors and styles with it 😎 you are welcome.
- BREAKING CHANGES ! 🔴: Color Sync feature will change and it will be breaking changes. This is a long term plan for more stable color system.
- 🔴🔴 IMPORTANT: If you are going to update your snn-brx theme please be aware of this Global Color CSS Vars breaking change!
if you want to upgrade it anyway just copy your root{} styles and add it on customizer or custom code element style so you dont lose your old colors because old var names will go away I explained this on my video bricks color variables can not be used it will create problem long term we have to make this change. - CHANGE: removing the debug steps getting ready for relea.se
- FIX: fixing the FOUC hidden banner
- IMPROVEMENT: using the cookies and auto expire 1 year instead of localstorage.
- IMPROVE: improving the cookie banner feature and setting variables to avoid any possible conflicts
- NEW FEATURE 🎉: cookie banner for simple corporate website needs. if you are not making money on your site with adsense or if you dont have a marketplace like airbnb or amazon this cookie banner will be enough for you. that covers 99.99% of the sites.
- NEW FEATURE 🎉: Global Color Variables sync feature between the setting and the all color palettes.
- NEW FEATURE 🎉: New SNN Settings Panel added, first setting will be global #32 color css variable system. next features will surprise
- CHANGE:: this changes the wording for the disable emoji since this feature not only disables frontend like bricks but it disables wp-admin too.
- BUG FIX: well I was lucky I caught this bug really… what a bug it is a very very edge case. now 301 redirects are 1000x better.
- BUG FIX: this fixes the #31 problem for “Redirect Media Library Grid View to List View ” feature. reported by @mehmettuz
- Merge pull request #36 from hudokkow/move_elements @hudokkow
- Merge pull request #35 from hudokkow/move_tags @hudokkow
- Merge pull request #34 from hudokkow/disable_sneaky_theme_install @hudokkow
- Merge branch ‘main’ into disable_sneaky_theme_install @hudokkow
- Merge pull request #33 from hudokkow/fix_double_slash @hudokkow
- [security] Disable sneaky install of bundled themes @hudokkow
- [FIX Paths] All constants have a trailing slash @hudokkow
- IMPROVEMENT: splited the editor settings now Bricks Builder Global Colors Sync with Color Palette will have its own file. related to #32
- Update README.md
- IMPROVEMENT: disable emojis features was working on frontend but not in wp-admin now it disables emojis and w.org on both side.
- NEW FEATURE 🎉: new gsap text element now have easier presets for loop, splittext, scroll and stagger animations.
- IMPROVEMENT: revision history count value default change. Allowing NULL as default value.
- BUG FIX: map icon color was not working with hex color. this fixes that.
- BUG FIX: This fixes so many gsap bugs and edge cases. Modifications to properly parse and apply the rotation (via the transform rotate values). In this version, we extract the rotate values from your data attribute (e.g. style_start-transform:rotate(45deg)) and then, when splitting text, we output an inline style with a valid CSS transform. This version also adjusts the tween properties to animate rotation correctly.
- BUG FIX: some weird edge cases creating undefined value error for gsap data-animate styles. this fixes it.
- IMPROVEMENT: double slashes annoying. fixed.
- BUG FIX: Well this stupid AI tried to add a sanitization func on code element created a bug. Fixed.
- IMPROVEMENT: ux improvement for the naming the taxonomy slug. not input doesnt allow spaces, special characters and uppercase letters.
- IMPROVEMENT: ux improvement for the customfield field naming, latin only, no spaces, uppercase lowercase allowed.
- IMPROVEMENT: auto formating fixing the allowed characters for the post type slug. it checks if the letters are latin only and no special character and no spaces repalces space with dash -.
- NEW FEATURE 🎉: added export option for the global classes to copy the all css classes easily to get a backup
- NEW FEATURE 🎉: added bulk select delete and bulk select change category for global classes.
- IMPROVEMENT: improving the UX and UI for the global class manager. this will amek the adding clas categories and bulk css and css generation easier.
- REMOVED: removed topology map option from the openstreetmap selections. server source created problems.
- Update README.md
- BUG FIX: this fixes the #31 , not able to delete the last custom post type register.
- IMPROVEMENT: Merge pull request #30 from hudokkow/paths @hudokkow
- IMPROVEMENT: [paths] Define constants @hudokkow
- IMPROVEMENT: [JS] Move to assets/ @hudokkow
- IMPROVEMENT: [CSS] Move to assets/ @hudokkow
- IMPROVEMENT: [All files] Kill trailing spaces, appease OCD @hudokkow
- IMPROVEMENT FIX: custom code element style tab values applying fix.
- IMPROVEMENT: gsap text animations removing some of the controls.
- CHANGE: new fields for the gsap text element for wider range of animation possibilities
- CHANGE ux cleanup
- IMPROVEMENT: editor and frontend style tab values rendering improvement.
- CHANGE: disabled nestable for the gsap text element. no need.
- IMPROVEMENT: some code improvements for the new elements and settings and input fields.
- BUG FIX: markers true gsap fix
- NEW FEATURE 🎉: new gsap text element for splittext gsap animations.
- NEW FEATURE 🎉: added delay,duration,loop and scroll controls to the gsap element.
- NEW FEATURE 🎉: new gsap property loop:true feature for the gsap animations.
- NEW FEATURE 🎉: advancing gsap splittext stagger randomization for texts.
- IMPROVEMENT: math captcha support for the woocommerce login and register and pass reset added.
- BUG FIX: z-index issue openstreetmap buttons fixes.
- IMPROVEMENT: openstreet map icon area label accesability implement. this fixes #25
- BUG FIX: fixed the conflict for the woocommerce thumbnail view. product post type doesnt need thumbnails it already has. this fixes #26
- NEW FEATURE 🎉: After login redirect url setting for custom redirect option.
- IMROVEMENT: added the User Agent column for the redirect log tab to see user or bot infos.
- CHANGE: placeholder change for gsap element
- IMPROVEMENT: simplification of the gsap element for complex possile css animations.
- IMPROVEMENT: allowing possible different css units for the input fields.
- IMPROVEMENT: UI and UX improvements for post type, custom fields and taxonomy register setting pages.
- CHANGE: title change for custom code element.
- NEW FEATURE 🎉: gsap scroll start and scroll end positions property control added.
- NEW FEATURE 🎉: gsap blur and grayscale implemented.
- NEW FEATURE 🎉: gsap properties for x move, z move, scale, rotate, opacity.
- FIX: gsap element split fixes
- IMPROVEMENT: some ui ux improvements for the input fields on gsap element settings
- CHANGE: some Utility and UI changes
- NEW FEATURE 🎉: implementing the horizontal and vertical gsap
- CHANGE: Gsap element cleanup changing fields.
- CHANGE: mail smtp settings title change.
- FIX: mini fix
- IMPROVEMENT: added the User Agency colmun for the Recent Redirect Logs now it has both ip and user agent logs
- BUG FIX: there was a issue for the search log some search logs includes feed/rss names as well this patches that issue.
- IMPROVEMENT: 301 redirect rule list ordered by top clicks first.
- IMPROVEMENT: UX improvement for the 301 page, added tabs to split the redirect rules and the logs
- CHANGE: removed experiemental tag from bricks global colors sync with color palette
- NEW FEATURE 🎉: max redirect logs to keep setting.
- CHANGE: some utils css changes for snn setting menu items ul li
- IMPROVEMENT: cleaning the 301 setting page
- IMPROVEMENT: better 301 Redirect Statistics chart views and date ranges
- CHANGE: title change for 301 page
- UX CHANGE: 301 redirect page UI changes
- UX CHANGE: post type removal warning
- FIX: hide type and tax registers
- FIX: disabled adding thumbnail column for the woocommerce product post type not needed.
- NEW FEATURE 🎉: log and statistics for 301 redirects
- NEW FEATURE 🎉: cloudflare ip check link for the search log item
- NEW FEATURE 🎉: Search Logs feature and Top 100 Searches feature.
- IMPROVEMENT: added confirmation alert dialogue for post type removal
- BUG FIX: Login WPML language change select list position fix.
- BUG FIX: posts, pages and post types thumbnail showing double fixed
- IMPROVEMENT: custom post type regsiter allow parent hierarchical => true added as default.
- CHANGE: description change for a setting
- CHANGE: wording change on source css comment
- BUG FIX: global colors variables frontend loading. bug fix for the variable global style names possibilities
- CHANGE: mini changes for echo empty states
- CHANGE: Allowing all HTML input for textarea custom fields
- CHANGE: no thumbnail notice for post type lists
- CHANGE: version bumb for the gsap .js
- CHANGE: z-index change for zoom in out buttons map
- FIX: this fixes –bricks var colors with !important and loading them on top of so they wont cause any FOUC color problems.
- FIX: fixing the php 8.1 stupid type null warning issues
- NEW FEATURE 🎉: gsap animation element, nestable, making simple animations without coding
- NEW FEATURE 🎉: SNN-BRX Bricks Builder Editor Color Fix Setting implemented now colors syncs with bricks theme default styles.
- IMPROVEMENT: gsap data-animate start end improvements changes
- IMPROVEMENT: simplification for making the start end func and regex better and easier for the px or % without the need to write bottom or top
- CHANGE: Dashboard Custom Metabox Content setting textarea height change
- IMPROVEMENT: custom field repeater button style change
- FIX: console log error fix for front end logged in user color sync setting
- IMPROVEMENT: GSAP Animation element default changes, making the system native to the data-animate for long term
- IMPROVEMENT: code cleanup and optimization
- CHANGE: bricks builder color sync setting description change
- CHANGE: wp-admin settings ui changes
- IMPROVEMENT: GSAP element optimization re-structuring
- FIX: PHP warning fixes for gsap element
- CHANGE: description chagnes for some settings
- CHANGE: description change for Custom HTML, CSS, and JS Code
- CHANGE: register new element gsap animations
- FIX: custom map element zoom in out buttons z-index fix
- CHANGE: desc change for Enable GSAP and Lottie setting
- NEW FEATURE 🎉: Dashboard Custom Metabox Content setting editor textarea field
- NEW FEATURE 🎉: Disable Default Dashboard Widgets setting
- NEW FEATURE 🎉: Enable Thumbnail Column in Post Tables
- HOT FIX: user author fields dyamic data tags fix
- HOT FIX: get contextual id dyamic data tags fix
- NEW FEATURE: SNN-BRX Bricks Builder Editor Color Fix Setting implemented
- IMPROVEMENT: global class manager, css framework system style changes
- NEW FEATURE: Editor Settings and fixing the bricks builder global color css variables problem.
- MOVED 🔴: the following three settings from Other Settings to Editor Settings hide_element_icons , make_compact_but_keep_icons, make_elements_wide
- CHANGE Editor Settings setup
- CHANGEdescription changes
- NEW FEATURE 🎉: current user author information tag improvements
- NEW FEATURE 🎉: parent page post title and link
- NEW FEATURE 🎉: dynamic data tag post_term_count improvements
- NEW FEATURE 🎉: improving Dynamic Post Term Count Tags
- CHANGE wording change
- NEW FEATURE 🎉: Make Elements Wide on Bricks Editor setting added
- CHANGE setup for fixing bricks builder global theme defaults colors styles fixes for ux ui problems
- CHANGE re-ordering functions.php
- CHANGE restructing utils
- CHANGE editor utility funcs setup
- EXPERIMENTAL FEATURE 🔴: global classes improvements.
- FIX: css style fix for the button size.
- NEW FEATURE EXPERIMENTAL 🎉: Bricks Global Classes Manager, BULK CSS Library Import (EXPERIMENTAL)
- CHANGE: removed default min value for revision count. not needed.
- CHANGE: Lottie element small changes
- CHANGE: refining css inlines
- CHANGE: Changing default style for splittext+stagger for better x y or position movements
- CHANGE: changing OSM credits for the map embed
- NEW FEATURE: some idiot hostings blocking SMTP or SMTP PORTS implemented helper function to check if the server/port is reachable shows error now on edge cases.
- IMPROVEMENT: lottie element now supports hover click and hover pause much better.
- NEW FEATURE: lottie element now supports hover and click plays.
- NEW FEATURE: implemented disable/enable zoom for open street map element. default state false .this solves the problem when scrolling on the page if the map embed is too big page scroll stops but map zoom in out starts. now ux better.
- REMOVED 🔴 : removing the theme.json until finding better sync between bricks and block editor.
- REMOVED 🔴: removing the theme.json setting page for block editor. it is creating bug with bricks on frontend.
- CHANGE: css styling change for logging page
- CHANGE: login setting description change
- CHANGE: code cleanup
- NEW FEATURE: delete option for each mail logs
- CHANGE: styling changes for mail logs page
- BUG FIX: block editor font family matching with the other theme.json fields
- CHANGE: custom code snippet file custom-codes wording changes and explanations
- IMPROVEMENT: updated code element description and default codes to make it clear it can accept html, css and js.
- BUG FIX: loading media styles only when setting enabled.
- NEW FEATURE data-trigger ANIMATION SYSTEM: this feature adds the ability to trigger other animation actions depending on the targeted class or dom object, possibility for easy page transition system 🙂
- IMPROVEMENT block editor default styles tweaks
- IMPROVEMENT media setting wording change and posititon change
- IMPROVEMENT: gsap scroll:false viewport enter animation
- NEW FEATURE Make Elements Compact But Keep Icons on Bricks Editor setting
- changing bricks urls
- leaflet css changes
- moving leaflet libraries to local folder, remove cdns
- NEW FEATURE disable gravatar setting
- NEW FEATURE disable emoji cdn setting
- some code optimization for custom map element
- NEW FEATURE Taxonomy support for custom fields and desc change
- change menu order setting list
- bricks builder academy link
- bricks builder link added to main setting page
- wording changes
- inline wording change php comment
- NEW FEATURE : Custom Admin Post Types Order by Date setting
- wording change
- release , code element css fix
- mini css change for ui
- mail logging ux improvement
- NEW FEATURE smtp test mail option for send tests
- catching the from and to mails for logging
- Improving the mail logging, grammer fix for file name
- NEW FEATURE Experimental: the mail loggins for wp_mail func and native wp mails and forms
- 301 js optimization for save
- NEW FEATURE 301 editing option
- 301 optimization
- discussions link
- Update issue templates
- Update issue templates
- NEW FEATURE Experimental: the mail loggins for wp_mail func and native wp mails and forms
- 301 js optimization for save
- 301 editing option
- 301 optimization
- discussions link
- Update issue templates
- gsap default value change for start pos
- HOTFIX: gsap timeline bug fix initial state, release
- Update issue templates
- HOTFIX: removing session number generation to static variable generation for login session bug
- description update release
- cleanup removed TweenMax js
- added notice for lottie element
- mini changes
- Update README.md
- Update README.md
- Update README.md
- media UI and UX improvements
- login logo default w bug fix
- desc update
- HOTFIX: gsap timeline bug fix initial state, release
- Update issue templates
- HOTFIX: removing session number generation to static variable generation for login session bug
- description update release
- cleanup removed TweenMax js
- added notice for lottie element
- mini changes
- Update README.md
- Update README.md
- Update README.md
- media UI and UX improvements
- login logo default w bug fix
- desc update
- HOTFIX: removing session number generation to static variable generation for login session bug
- description update release
- cleanup removed TweenMax js
- added notice for lottie element
- mini changes
- Update README.md
- Update README.md
- Update README.md
- media UI and UX improvements
- login logo default w bug fix
- desc update
- HOTFIX: removing session number generation to static variable generation for login session bug
- cleanup removed TweenMax js
- added notice for lottie element
- login logo default w bug fix
- block editor settings bug hotfix release
- Laying the foundations for future
- Update README.md
- Fixed code element syntax highlighting.
- Improved custom code element functionality.
- Fixed GSAP JS pause bug.
- Adjusted height changes.
- Fixed GSAP code editor bug.
- Enhanced GSAP coding UI.
- Added GSAP code highlighting and simple editor.
- Worked on GSAP UX for complex animations.
- Supported and fixed GSAP timeline.
- Changed description.
- Updated
README.md
. - Made description changes.
- Updated Lottie description.
- Fixed common Lottie bug for scroll trigger.
- Adjusted Lottie element.
- Added Lottie element and set conditions.
- Optimized element registrations.
- Fixed GSAP bugs.
- Added Lottie animation element.
- Set up Lottie support and added
lottie.min.js
. - Supported and optimized GSAP timeline.
- Updated
README.md
. - Corrected grammar.
- Moved custom code (JS/CSS) from
functions.php
tocustom-codes-here.php
for better organization. Use this file now. - Made minor changes.
- Made additional minor fixes.
- Added a new file for custom codes and snippets:
CUSTOM-CODES-HERE.php
. Use this file. - Cleaned up and organized
functions.php
. - Made minor changes.
- Set default durations for GSAP animations and optimized them.
- Added GSAP
scroll:false
feature for animations that enter the viewport only. - release
- some css changes
- optimizations
- media working with both list and grid system now
- some cleanup
- editor permissions for media lib
- improving advanced media library
- Update README.md
- some default value changes 221b
- cleanup
- Hide Element Icons on Bricks (Advanced) feature
- tests are clean removed beta tag
- improved media categories feature
- some cleanup
- Media Categories Taxonomies feature
- disable comment setting and some mini fixes
- future setup for WP-Admin Backend Custom JS and CSS in
- disable comments setting
- release
- some css changes
- optimizations
- media working with both list and grid system now
- some cleanup
- editor permissions for media lib
- improving advanced media library
- Update README.md
- some default value changes 221b
- cleanup
- Hide Element Icons on Bricks (Advanced) feature