The List 01 section is a very elegant list with hover and mouseover interactions for each list item. The image pops up, and follows the users cursor a tiny bit on the X- and Y-axis. Made using Webflow IX2.
@waveshapeco.bsky.social
@waveshapeco.bsky.socialThe List 01 section is a very elegant list with hover and mouseover interactions for each list item. The image pops up, and follows the users cursor a tiny bit on the X- and Y-axis. Made using Webflow IX2.
@entryui.bsky.socialDrop us a line and we'll handle the rest.
www.instagram.com/reel/DeR86Sk...
#WebDesign #WebsiteDesign #WebDevelopment #LandingPage #DashboardDesign #DataViz #InternalTools #SaaSDesign #UIDesign #UIUX #UserInterface #InteractionDesign
@waveshapeco.bsky.socialThis blog section is one of the simpler ones, just a neatly laid out list of posts with a sleek width-transforming hover interaction.
@waveshapeco.bsky.socialThis footer features a really minimal grid based layout, with a few link lists, an image and a little link border interaction on the large CTA link.
@waveshapeco.bsky.socialThe list 06 layout is a nice little list with hoverable items. Every item contains two images that are revealed at the top left part of the section in a smooth way.
@waveshapeco.bsky.socialThis modal is a very basic one in terms of animation, but its layout is quite nice and minimalist. Simply press the button, and the modal appears slightly animated on the Y-axis and in opacity.
@waveshapeco.bsky.socialHero 10 is a really simple and clean hero section that utilizes layout grids and flexbox to get its spaced out layout. It also has a sweet little button hover interaction and icon hover interactions.
@creativeapps.bsky.socialAssistant or Associate Professor of Graphic Design (Tenure-Track) at Auburn University / Auburn, Alabama — USA #Jobs
→ www.creativeapplications.net/jobs/assista...
#dataviz #interactiondesign #designfutures #biodesign #arvrxr
@shirshacreates.bsky.socialDay 4/16 · Japan Trip visualised 🇯🇵
Hover a mark for its photo, place, time and price. Click to pin, arrow through the day.
Tried a filmstrip rail, day drawer, inline bloom, place spotlight and hover card. Kept the card, added pin-and-step, then spread for crowded marks.
#interactiondesign #dataviz
@waveshapeco.bsky.socialThe 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.
@waveshapeco.bsky.socialHero 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.
@waveshapeco.bsky.socialThe 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.
@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
@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.