Squares
comp-squaresThree stacked rounded rectangles, counter-rotating at 120s / 60s / 24s. The default Buzzvil mark fill.
Fourteen animated SVG compositions currently fill the Buzzvil mark and blob across buzzvil.com previews. Each one is parameterised by three palette tokens. Browse the fourteen. Add yours.
14개의 애니메이션 SVG 컴포지션이 buzzvil.com 미리보기 전반에서 Buzzvil 마크와 블롭을 채우고 있어요. 각각은 3개의 팔레트 토큰으로 매개변수화되어 있습니다. 기존 열네 개를 둘러보고, 나만의 패턴을 더해 보세요.
Contribute a pattern → 패턴 기여하기 →Every pattern is shown three ways: the raw 100×100 box, the masked Buzzvil mark, and the masked morphing blob. The active palette comes from the switcher above; every card re-paints when you swap it.
각 패턴은 세 가지 방식으로 표시됩니다. 100×100 원본 박스, Buzzvil 마크 마스크, 그리고 모핑 블롭 마스크예요. 적용된 팔레트는 위쪽 스위처에서 가져오며, 팔레트를 바꾸면 모든 카드가 다시 칠해집니다.
The original six patterns were a one-session draft, not a deeply considered set. Sharper motion, cleaner composition, better palette behaviour, the bar to improve any of them is low. Improving an existing pattern is as valuable as adding a new one; ask Claude Code to iterate on whichever feels off.
초기 여섯 개 패턴은 한 세션 안에 만든 초안이라 깊이 검토된 결과가 아닙니다. 더 또렷한 모션, 더 깔끔한 구성, 더 자연스러운 팔레트 반응, 어떤 항목이든 개선의 여지가 큽니다. 기존 패턴을 다듬는 일은 새로 추가하는 것만큼 가치 있는 기여예요. 어색해 보이는 패턴이 있다면 Claude Code에게 개선을 부탁해 주세요.
Three stacked rounded rectangles, counter-rotating at 120s / 60s / 24s. The default Buzzvil mark fill.
Retro lava lamp built with the metaball trick: simple circles inside a goo filter (gaussian blur + hard-contrast alpha matrix) merge gooey silhouettes whenever they overlap, the same technique behind the canonical CSS-only lava-lamp pens. A static pool sits at the base; five bubbles detach from it on independent clocks (90s / 65s / 52s / 44s / 38s rises, asymmetric x-sway, breathing radius) and reabsorb at the top.
Soft gradient lobes drift and breathe — an ambient field with no centre, comp-lava’s calmer sibling.
Travelling-wave bands flow like a slow current; thickness swells and pinches across and along each band.
Two losange lattices at a slight, breathing angle generate rotational moiré rosettes; a blurred far layer adds depth.
A morphing crystalline triangulation — the whole mesh reshapes together while a bright accent flares facet to facet.
Concentric wavefronts ease outward from off-frame drops and interfere — a natural water surface.
Out-of-focus light orbs across three blur depths drift and twinkle — cinematic depth of field.
Packed membranes with walls and pulsing nuclei, breathing and drifting — living tissue.
Soft volumetric light shafts slide and pulse — god rays through an unseen aperture.
Dust motes float with parallax depth; some flare with a soft glow halo from time to time.
A living connection graph — nodes drift, links follow and twinkle. A nod to the ad network.
Morphing topographic isolines across three peaks — a breathing relief map.
A loose pencil scribble shades the frame corner to corner, then wipes from the start and redraws.
Each pattern is one SVG <symbol> in this gallery's index.html. You don't edit it by hand; ask Claude Code to add the pattern and it follows the per-type contract in AGENTS.md.
각 패턴은 이 갤러리 index.html 안의 하나의 SVG <symbol>입니다. 직접 편집할 필요는 없어요. Claude Code에게 패턴 추가를 요청하면 AGENTS.md의 타입별 컨트랙트를 따라 작업해 줍니다.