Lamalama Case List
An accordion-style featured-work list (Lama Lama agency). Each full-bleed row shows a title, mono tag chips, a ( + ) indicator that types 'View' on hover, and a 120px media strip that bleeds off the right screen edge. Clicking a row GSAP-Flip-morphs the same image/video nodes into a 400px draggable gallery below while the case description reveals word by word and pill buttons fade in. One row open at a time; expo.out/power4.out timing throughout, typewriter reveals on all mono microcopy.
Preview
We partner with brands that dare to lead and help them grow through digital. Here’s a taste of the work we’ve loved making and others have loved using.
[ Featured work ]
Jack & AI
Jack & AI builds AI content engines for brands, wiring the best emerging AI tools into one intelligent, streamlined workflow tailored to their content ambitions.
Moov
Moov is a movement brand rethinking fitness around sustainable routines. A new positioning and visual identity built on one belief: real change starts one step at a time.
Gardeners
Gardeners approach digital work with the conviction that things can be done differently. That spirit became a fresh brand experience and portfolio site.
Neurons Lab
Neurons Lab guides organisations through AI transformation, from strategy to deployment. A corporate identity and site with the clarity their work deserves.
Prazeres United
In the favelas of Brazil, hope rises with every match. For Prazeres United, a brand and campaign that turns football into opportunity.
Home
Home is a social-first creative agency from Amsterdam. A bold identity and portfolio experience with the same energy as their feeds.
Ajax
A vision for AFC Ajax’s next brand chapter — exploring how the club’s story could live across icons, campaigns and matchday experience.
Source
"use client";
import { useEffect } from "react";
import LamalamaCaseList from "./index.jsx";
import { lamalamaCaseList } from "../demo-data.js";
import styles from "./demo.module.css";
export default function LamalamaCaseListDemo() {
// Original site runs smooth scroll on the page
useEffect(() => {
let lenis;
let cancelled = false;
(async () => {
const { default: Lenis } = await import("lenis");
if (cancelled) return;
lenis = new Lenis({ autoRaf: true });
})();
return () => {
cancelled = true;
lenis?.destroy();
};
}, []);
return (
<div className={styles.demo}>
<LamalamaCaseList {...lamalamaCaseList} />
</div>
);
}
Dependencies
gsap
Related Components
1W AGO
BeNorth Reelgalleries
1W AGO
Inkfish Work Gridgalleries
1MO AGO
Infinite Draggable Gridgalleries