&BRAND.co's repositories
10up-toolkit
Official 10up asset building toolkit.
block-components
A collection of components built to be used in the block editor
classifai
Enhance your WordPress content with Artificial Intelligence and Machine Learning services.
codrops-scroll-rig-tutorial
Progressively enhanced WebGL & Lens Refraction
CodropsCarousels
Three carousel experiments made with CSS scroll-driven animations, based on Francesco Zagami's designs.
component-library
A library of barebones front-end components built with WordPress and accessibility in mind.
Delta9digital-Cannabis-expo-mn
A gooey cursor background effect with SVG filters and CSS blend modes.
frontend-handbook
Our handbook based on 10 years of experience in Frontend/JS development
GridItemHoverEffect
Some hover effects based on the grid design by Alena Orlova.
gutenberg-best-practices
Welcome to the 10up Gutenberg Best Practices!
MenuToGrid
A simple layout animation where the thumbnails of a menu row animate to their position in a content preview grid using GSAP's Flip plugin.
OnScrollFilter
Combining GSAP's Scroll Trigger and Flip with a SVG Filter, based on a demo by Fabio Ottaviani.
OnScrollShapeMorph
Morphing shape animations on scroll
PixelTransition
Ideas for pixel page transitions based on an animation by Niccolò Miranda.
r3f-image-gallery
React Three Fiber image gallery with grid layout control, written using Next.js.
r3f-scroll-rig
A react-three-fiber scroll-rig for syncing 3D meshes and DOM elements.
reveal-md
reveal.js on steroids! Get beautiful reveal.js presentations from any Markdown file
ScrollBasedLayoutAnimations
An exploration of different scroll based layout switch animations using GSAP's ScrollTrigger and Flip.
TextBlockTransitions
Some inspiration for transitioning text blocks with different word animations.
TextClipScroll
Experimental on-scroll typography effects using SVG clip-paths.
threejs-andy-bolierplate
Very simple threejs boilerplate in VanillaJS to start your projects. There is only a basic scene, a load model method and a simple webpack.
webgl-carousel
Created with CodeSandbox
wp-movies-demo
Demo of the Interactivity API
WP-Plugin-Starter-Kit
Super-easy WordPress plugin boilerplate with settings, meta-boxes, shortcodes, frontend widget and lots more