--- title: UI/UX Design Trends 2023 | daily.dev description: Discover the latest UI/UX design trends for 2023, including motion design, scrollytelling, bolder minimalism, happy colors, and aurora gradients. Explore the... canonical: https://daily.dev/posts/ui-ux-design-trends-2023-yn1rrl208 twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: UI/UX Design Trends 2023 | daily.dev og:description: Discover the latest UI/UX design trends for 2023, including motion design, scrollytelling, bolder minimalism, happy colors, and aurora gradients. Explore the... og:url: https://daily.dev/posts/ui-ux-design-trends-2023-yn1rrl208 og:image: https://api.daily.dev/og/posts/YN1RRl208.png og:image:alt: UI/UX Design Trends 2023 og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # UI/UX Design Trends 2023 **[Community Picks](https://daily.dev/sources/community)** · 7 min read · 379 upvotes · 20 comments ## Summary Discover the latest UI/UX design trends for 2023, including motion design, scrollytelling, bolder minimalism, happy colors, and aurora gradients. Explore the UX trends of cross-device experience, emotional design, personalization, and micro-interactions. Plus, find out how sustainability is being integrated into the tech industry. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Community discussion Top comments from developers on daily.dev. **@pavlicko** · 12 upvotes > I'll be the contrarian here. most motion design on websites is absolute garbage. If I have to scroll for a minute to read the 4 sentences of text you have on the page I'm out. It CAN be immersive and enjoyable but those cases are super rare. I'd much rather just watch a video **@yona9** · 7 upvotes > Totally agree! Motion design is the beginning of next-gen user interaction **@httpsharis372** · 3 upvotes > We have a great future for development in 3d website designs for the web **@villexcode39** · 2 upvotes > So helpfull to have such nice concepts at once, well made ! **@fleszar** · 1 upvotes > Helpful ## Similar posts on daily.dev - [Don’t just attend KubeCon \+ CloudNativeCon, Merge Forward your experience\!](https://daily.dev/posts/don-t-just-attend-kubecon-cloudnativecon-merge-forward-your-experience--l0rpp73x8) · CNCF · 1 upvotes · 0 comments - [Announcing H2 2026 KCDs](https://daily.dev/posts/announcing-h2-2026-kcds-m96goajm1) · CNCF · 1 upvotes · 0 comments - [Two months of Open Community Groups](https://daily.dev/posts/two-months-of-open-community-groups-asf52zhbs) · CNCF · 0 upvotes · 0 comments --- Tags: [#ui-design](https://daily.dev/tags/ui-design) [View this post on daily.dev](https://daily.dev/posts/ui-ux-design-trends-2023-yn1rrl208) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"UI/UX Design Trends 2023","url":"https://daily.dev/posts/ui-ux-design-trends-2023-yn1rrl208","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/ui-ux-design-trends-2023-yn1rrl208"},"datePublished":"2023-03-21T13:47:17.552Z","dateModified":"2024-04-15T11:00:07.939Z","description":"Discover the latest UI/UX design trends for 2023, including motion design, scrollytelling, bolder minimalism, happy colors, and aurora gradients. Explore the...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/971edc5ba21b1300a8bb0ffc655be85b?_a=AQAEufR","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/971edc5ba21b1300a8bb0ffc655be85b?_a=AQAEufR","isAccessibleForFree":true,"articleSection":"Community Picks","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"Community Picks","logo":"https://media.daily.dev/image/upload/t_logo,f_auto/v1655817725/logos/community","url":"https://daily.dev/sources/community"},"commentCount":20,"discussionUrl":"https://daily.dev/posts/ui-ux-design-trends-2023-yn1rrl208","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":379},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":20}],"keywords":"ui-design","timeRequired":"PT7M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Community Picks","item":"https://daily.dev/sources/community"},{"@type":"ListItem","position":3,"name":"UI/UX Design Trends 2023"}]} {"@context":"https://schema.org","@type":"WebPage","@id":"https://daily.dev/posts/ui-ux-design-trends-2023-yn1rrl208","comment":[{"@type":"Comment","text":"I’ll be the contrarian here. most motion design on websites is absolute garbage. If I have to scroll for a minute to read the 4 sentences of text you have on the page I’m out. It CAN be immersive and enjoyable but those cases are super rare. I’d much rather just watch a video","datePublished":"2023-03-28T13:31:52.889Z","url":"https://daily.dev/posts/YN1RRl208#c-wd8ECXrEV","author":{"@type":"Person","name":"David Pavlicko","url":"https://daily.dev/pavlicko","image":"https://avatars.githubusercontent.com/u/5881821?v=4"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":12}},{"@type":"Comment","text":"Totally agree! Motion design is the beginning of next-gen user interaction","datePublished":"2023-03-22T07:51:38.705Z","url":"https://daily.dev/posts/YN1RRl208#c-TfXladhwZ","author":{"@type":"Person","name":"Yona","url":"https://daily.dev/yona9","image":"https://avatars.githubusercontent.com/u/25947177?v=4"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":7}},{"@type":"Comment","text":"We have a great future for development in 3d website designs for the web","datePublished":"2023-03-25T15:16:03.066Z","url":"https://daily.dev/posts/YN1RRl208#c-NxsFRwAkp","author":{"@type":"Person","name":"Syed Muhammad Haris","url":"https://daily.dev/httpsharis372","image":"https://media.daily.dev/image/upload/v1683484833/avatars/avatar_u037q2nlvOOAG42ux3RL7.jpg"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":3}},{"@type":"Comment","text":"So helpfull to have such nice concepts at once, well made !","datePublished":"2023-06-08T20:53:23.809Z","url":"https://daily.dev/posts/YN1RRl208#c-h252Rxk1a","author":{"@type":"Person","name":"Villex","url":"https://daily.dev/villexcode39","image":"https://avatars.githubusercontent.com/u/79738115?v=4"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":2}},{"@type":"Comment","text":"Helpful","datePublished":"2023-06-28T09:01:25.642Z","url":"https://daily.dev/posts/YN1RRl208#c-Mqdv0AqCb","author":{"@type":"Person","name":"Jacek Fleszar","url":"https://daily.dev/fleszar","image":"https://lh3.googleusercontent.com/a/AAcHTterjGF_Gue3AiD3qtg3hFAkpDtthdWRKtEiN-cO45iS5Q=s96-c"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":1}}]} ```