@waveshapeco.bsky.socialCard 05 of the Waveshape microinteractions library has a fun hover interaction that switches between light and dark mode. It's mostly made as a base to create cards that switches background colors and text colors in a smooth way.
@waveshapeco.bsky.socialFooter 06 features an infinite marquee at the bottom, built using 2 identical marquee tracks that animates on the x-axis and finally resets to the start, creating a seamless loop.
@waveshapeco.bsky.socialHero 06 features 3 cards that grows and shrinks when hovering. Each card has a 100% width, that increases on hover, taking over some percentage of width from the other two.
Contextual Keywords: UI design, web design, web layout
@waveshapeco.bsky.socialHero 11 features an infinite marquee built using a page load interaction that animates the SVG text on the x-axis.
Design Style: Minimalism
Contextual Keywords: UI design, web design, web layout
@waveshapeco.bsky.socialHero 03 features a simple infinite marquee made using two duplicated marquee tracks (each containing a row of images), animated on the X-axis. All built using Webflow IX2.
Contextual Keywords: UI design, web design, web layout
@waveshapeco.bsky.socialContent 03 has a quite basic infinite image scroller component, that animates its inner image "tracks" on the Y-axis.
Contextual Keywords: UI design, web design, web layout
@syntaxstudio.bsky.socialNot just a website. A whole experience.
NØVA // 01
Built from nothing. Designed for the future.
WIP — more coming soon. ⚡#WebDevelopment #WebDesign #FrontendDeveloper #CreativeCoding #HTML #CSS #JavaScript #UIDesign #WebsiteDesign #WebDesigner #Developer #Coding #CreativeDeveloper #BuildInPublic #in
@waveshapeco.bsky.socialContent 18 consists of two "columns" (flexbox divs) that are animated in opposite directions on scroll. Each card has a little hover interaction that reveals an inner image & a title.
Quite a cool layout.