#FrontEndDeveloper
LightNews LightNews
waveshapeco.bsky.social
Button 17 consists of a main wrapper with a hidden overlay, in which two layers of div transition blocks in different colors are animated on top of each other on hover.

Contextual Keywords: UI design, web design, interaction design

#webdesign #uidesign #frontenddeveloper
September 27, 2026 at 1:24 AM
oasystech.com
#website #developer #webdeveloper #webdevelopers #fullstackdeveloper #backenddeveloper #frontenddeveloper #programmer #programmingisfun #webdev #webprogramming #backenddeveloper #webdesign #webdesigner #websitedeveloper
September 26, 2026 at 5:51 PM
waveshapeco.bsky.social
Button 14 has an internal circle expanding to fill its whole background, no matter where you hover. This is done using some custom Javascript combined with GSAP in Webflow.

Design Style: Interaction design

#webdesign #uidesign #frontenddeveloper
September 25, 2026 at 12:44 PM
aayomide.bsky.social
🚀 Just gave my GitHub Finder project a fresh update!

Redesigned the UI and improved the code for a cleaner, smoother, and more responsive experience.

🔗 githubuserfinder-theta.vercel.app

Always improving 💜

#ReactJS #TailwindCSS #WebDevelopment #FrontendDeveloper #BuildInPublic
September 23, 2026 at 7:56 AM
waveshapeco.bsky.social
Card 07 is built by having an image wrapper with two images (and thumbnails) in a horizontal layout. When hovering the card, the wrapper moves on the X-axis, revealing the second image and thumbnail. Powered by GSAP in Webflow.

#webdesign #uidesign #frontenddeveloper
September 22, 2026 at 7:23 PM
waveshapeco.bsky.social
The hero section of the "The Blueprint" landing page is also included in the project. It features and infinite marquee with an image scroller layered on top, which has a IX2 mouseover interaction that follows your cursor on both the X- and Y-axis.

#uidesign #frontenddeveloper #interactiondesign
September 21, 2026 at 9:30 PM
waveshapeco.bsky.social
Modal 03 opens by animating from the left on the Y-axis. It's a really simple IX2 animation that combines opacity and movement.

Contextual Keywords: UI design, web design, web layout

#webdesign #uidesign #frontenddeveloper #interactiondesign
September 19, 2026 at 10:28 PM
waveshapeco.bsky.social
Hero 04 has a sweet little mouse over interaction that moves the image button on both the X and Y-axis while hovering. The button component also has its own hover interaction.

#webdesign #uidesign #frontenddeveloper #interactiondesign
September 18, 2026 at 11:41 PM
waveshapeco.bsky.social
Card 06 consists of a main card, and a layered card underneath that gets revealed using a sleek little hover interaction powered by GSAP.

Contextual Keywords: UI design, web design, interaction design

#webdesign #uidesign #frontenddeveloper
September 16, 2026 at 10:38 PM
waveshapeco.bsky.social
The Content 17 layout of The Blueprint features 3 separate image sections, each having their own line of text that lights up when scrolled into. Very cool layout.

#webdesign #uidesign #frontenddeveloper #interactiondesign
September 14, 2026 at 9:39 PM
waveshapeco.bsky.social
Card 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.

#webdesign #uidesign #frontenddeveloper
September 13, 2026 at 10:14 PM
waveshapeco.bsky.social
Footer 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.

#webdesign #uidesign #frontenddeveloper #interactiondesign
September 11, 2026 at 11:09 PM
waveshapeco.bsky.social
Hero 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

#webdesign #uidesign #frontenddeveloper #interactiondesign
September 10, 2026 at 9:30 PM
waveshapeco.bsky.social
Hero 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

#webdesign #uidesign #frontenddeveloper #interactiondesign
September 9, 2026 at 8:38 PM
ammonyte.com
And youtube.com/shorts/Ke6Jg...
“Just match the mockup” #design #frontenddeveloper #programming #softwareengineer #techhumor
YouTube video by ServiceNow Dev Program
youtube.com
September 8, 2026 at 7:37 AM
waveshapeco.bsky.social
Hero 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

#webdesign #uidesign #frontenddeveloper #interactiondesign
September 7, 2026 at 8:50 PM
waveshapeco.bsky.social
Content 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

#webdesign #uidesign #frontenddeveloper #interactiondesign
September 6, 2026 at 9:08 PM
syntaxstudio.bsky.social
Not 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
September 6, 2026 at 6:21 AM
waveshapeco.bsky.social
Content 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.

#webdesign #uidesign #frontenddeveloper #interactiondesign
September 6, 2026 at 12:36 AM
waveshapeco.bsky.social
Content 19 consists of two different sections laying on top of each other. When scrolling down, the first layer animates out in opacity, while the second layer animates in. There's also an animated marquee. Quite simple & sweet.

#webdesign #uidesign #frontenddeveloper #interactiondesign
September 3, 2026 at 10:30 PM
waveshapeco.bsky.social
Content 16 is built using 3 sticky sections, each layering on top of the previous. It also has a Webflow IX2 scroll interaction, in which the images scale, the loader bar moves and the content increases in opacity.

#webdesign #uidesign #frontenddeveloper #interactiondesign
September 2, 2026 at 8:57 PM
waveshapeco.bsky.social
This component has an open/close GSAP interaction, where two buttons are revealed in a staggered way. Very effective for blog posts, and other content that users can share.

Design Style: Interaction design

#webdesign #uidesign #frontenddeveloper
August 29, 2026 at 11:39 PM
waveshapeco.bsky.social
Content 20 features a scaled down grid of images, that scales up on scroll. The innermost card then gets covered by another card when reaching the bottom.

Drop a comment below or click the link our bio to grab it!

#webdesign #uidesign #frontenddeveloper #interactiondesign
August 29, 2026 at 12:27 AM
waveshapeco.bsky.social
Content 14 is a highly scroll animated layout that's built using a sticky container, with 3 100vh inner sections that are animated vertically "layered" on top of the previous section, while the previous section gets lowered in scale & opacity.

#uidesign #frontenddeveloper #interactiondesign
August 27, 2026 at 7:39 PM
waveshapeco.bsky.social
Content 09 consists of 3 sticky positioned "sections", all layering on top of each other on scroll. Very effective for showing off various types of content.

Contextual Keywords: UI design, web design, web layout

#webdesign #uidesign #frontenddeveloper #interactiondesign
August 22, 2026 at 11:29 PM