3 Steps to Building a Targeted Audience
3 Steps to Building a Targeted Audience
5 Steps to Creating Successful Ads

It’s time to talk about these UI trends [Video]

Categories
Landing Pages and Sales Conversion

It’s time to talk about these UI trends

Hey guys! Let’s explore some of the simplest yet most popular UI trends right now, like creative buttons, loading screens, progress bars, color blending, 3D models, GSAP animations, locomotive scrolling, huge texts, and so on.

// ✨ Helpful links:
10 Simple Yet Cool Popular UI Effects: https://codepen.io/Juxtopposed/pen/NWExxja
Source Code for Page Scroll Progress Bars: https://codepen.io/Juxtopposed/pen/bGQprOr
Source Code for Spline 3D Landing page with Glass effect: https://codepen.io/Juxtopposed/pen/PoxNJde
Custom Catsor: https://codepen.io/Juxtopposed/pen/dyQMQPV
Escaping Button: https://codepen.io/Juxtopposed/pen/abQNwRq

// ✨ Become a supporter:
https://ko-fi.com/juxtopposedme

// ✨ Wanna make a site hassle-free, without coding?
Use my colorful super-duper exclusive secret cheat code “pro-yearly-partner” to get 3 months for FREE on your Framer website here: https://bit.ly/41cAqKM *

// ✨ Let’s connect:
Twitter: https://twitter.com/juxtopposed
CodePen: https://codepen.io/Juxtopposed
Dribbble: https://dribbble.com/juxtopposed
Github: https://github.com/juxtopposed

Thanks for watching!

——–

// Timestamps:

00:00 Intro
00:12 Benefits
00:36 Drawbacks
00:57 Loading screens
01:55 Huge texts
02:15 Custom cursors
02:37 Bento grids
03:56 Color blending
04:48 Buttons and CTAs
05:40 Progress bars
06:00 3D models
07:24 Locomotive scrolling
08:04 Using GSAP
08:54 Outro

———-

// Websites and designs featured:
https://decriminalizepoverty.org/
https://builder.campsuha.com/
https://dotlinecode.com/en/
https://oakslane.ch/en
https://pasqua.it/
https://ubac-store.com/
https://virtualmuseum.fukuoka-kenbi.jp/
https://codepen.io/lucasdellabella/pen/RwMyzRd
https://dribbble.com/shots/3505683-Simple-Colors-Icons
https://dribbble.com/shots/21296565-R-is-for-Riso
https://bentogrids.com/
https://codepen.io/elkanodata/details/MWOZozZ
https://codepen.io/ig_design/pen/zXVGem
https://codepen.io/cassie-codes/pen/LYxBZEG
https://codepen.io/Vishal4225/pen/gOBzgYZ
https://m3.material.io/get-started
https://littlebig.band/
https://www.doublepoint.com/
https://motion.zajno.com/
https://redneck.media/

#uitrends #gsap #awwwards

5 Steps to Building an Audience with #Hashtags
5 Steps to Building an Audience with #Hashtags
12 Steps to Create Videos