ClaPat Framework

The first creative front-end framework built for portfolio websites.
Simple to start. Powerful to build.

[ClaPat Framework @clapatframework]

Meet ClaPat Framework – the creative front-end solution for building portfolio websites. Built for designers & devs craving speed, smooth gsap animations, and flexible design.

Join the waitlist.
↳ https://t.co/auXbfgGJM3

[GSAP @greensock]

💚 Site of the Day - Hayler

Great design and elegant scroll animations and motion. Really enjoyed the page transitions with Flip and all the little details!

credit: @clapatdesign

⚙️ ScrollTrigger Flip

site → https://t.co/vxLkTYpl15
showcase → https://t.co/noPiOYAfB8

[ClaPat @clapatdesign]

On Hayler template we built a second way to present ypur work: horizontal carousel where you can drag, swipe, scroll or use the navigation buttons. Then added a caption that follows the cursor horizontally as you move across slides. Featured projects, completely different feel

[ClaPat @clapatdesign]

Hayler is live on Themeforest.

A creative portfolio HTML template built for agencies, studios and designers who refuse to blend in.

GSAP · Lenis · AJAX · AI-Ready

https://t.co/EuEtFWoOcf

[ClaPat Framework @clapatframework]

The parallax system gives you full control to set direction, start and end values, mobile behavior, and image overflow handling, all through data attributes. Smooth, accurate, and powered by @greensock ScrollTrigger.

Join the waitlist.
↳ https://t.co/auXbfgGJM3

[ClaPat Framework @clapatframework]

A button link designed to work with the follow cursor, creating magnetic and sticky interactions. Set icons, position, font size, and colors with ease. Fully customizable and ready for your own style.

Join the waitlist
↳ https://t.co/auXbfgGJM3

#MadeWithClaPat #Webdesign #GSAP

[ClaPat Framework @clapatframework]

Join the waitlist.
↳ https://t.co/auXbfgGJM3

[ClaPat Framework @clapatframework]

Fullscreen navigation built for motion and flexibility.
Smooth GSAP animation, clean flow, and easy customization.
Edit colors, fonts, animation timing, and burger styles in seconds.
#ClaPatFramework #GSAP #FrontendDesign #CreativeCoding #WebDev #WebDesign

[ClaPat Framework @clapatframework]

@aftermagics Nr 3

[ClaPat Framework @clapatframework]

Join the waitlist.
↳ https://t.co/auXbfgGJM3

[ClaPat Framework @clapatframework]

Classic Menu is the standard top navigation bar option inside ClaPat Framework. Fully responsive with dropdown support, hover and click interactions, optional sticky behavior, and light/dark option modes.

#ClaPatFramework #GSAP #FrontendDesign #CreativeCoding #WebDev #WebDesign

[ClaPat Framework @clapatframework]

Join the waitlist.
↳ https://t.co/auXbfgGJM3

[ClaPat Framework @clapatframework]

The mouse cursor that responds to every move. It follows, highlights, hides, and turns motion into meaning. Every hover, click, and drag becomes part of the experience. Built with @greensock , crafted for interaction.

#ClaPatFramework #GSAP #CreativeCoding #WebDev #WebDesign

[ClaPat Framework @clapatframework]

Join the waitlist.
↳ https://t.co/auXbfgGJM3

[ClaPat Framework @clapatframework]

A GSAP timeline preloader that adapts to page load speed. Fully customizable and extendable, so you can build any loading sequence and add your own creative touch.

#ClaPatFramework #GSAP #FrontendDesign #CreativeCoding #WebDev #WebDesign

[ClaPat Framework @clapatframework]

Join the waitlist.
↳ https://t.co/auXbfgGJM3

[ClaPat Framework @clapatframework]

Documentation in progress.

Every small detail, structured so anyone can build on it.

#MadeWithClaPat #FrontendDesign #CreativeCoding #GSAP #WebDev

[ClaPat Framework @clapatframework]

👉 Join the waitlist:
https://t.co/tOIBhAf9RP

[ClaPat Framework @clapatframework]

Real websites powered by ClaPat Framework.
This is what creative front-end looks like in action.

#MadeWithClaPat #CreativeCoding #FrontendDesign #GSAP #WebDev

[ClaPat Framework @clapatframework]

Join the waitlist.
↳ https://t.co/auXbfgGJM3

[ClaPat Framework @clapatframework]

A proper grid system.

• 12-column structure
• Adjustable gutters
• Custom margins per breakpoint

Built into ClaPat Framework — fast, responsive, and flexible by design.

#WebDev #Frontend #CreativeCoding #MadeWithClaPat