Skip to content
Menu
  • Page Elements
        • email
        • ecommerce
        • blog archive
        • article
        • about us
        • notification
        • mobile optimised
        • modal window
        • hidden content
        • hero section
        • grid layout
        • profile card
        • product showcase
        • pricing tables
        • portfolio
        • pagination
        • page transition
        • sidebar
        • shopping cart
  • Design Elements
        • 360 view
        • before and after
        • hamburger menu
        • navigation menu
        • split screen
        • timeline
        • 3d
        • breadcrumb
        • flowchart
        • header
        • pop up
        • skeleton screens
        • to do list
        • ad template
        • chart
        • footer
        • hotspot
        • quotes
        • star rating
        • tooltip
        • badge
        • CTA
        • full screen
        • lightbox
        • text animation
        • word scrambler
  • HTML Elements
        • Form Snippets
          • contact form
          • credit card form
          • email signup forms
          • login form
        • accordion tabs
        • canvas
        • filter ui
        • del ins
        • link
        • radio button
        • SVG
        • time picker
        • webgl
        • button
        • check box
        • counter
        • drop down
        • list
        • range slider
        • tables
        • toggle switch
        • calendar
        • clock
        • date picker
        • input field
        • progress bar
        • search field
        • text field
        • variable fonts
  • Javascript Snippets
        • anime.js
        • html2canvas.js
        • lettering.js
        • pixi.js
        • Sortable.js
        • three.js
        • gsap
        • imagesLoaded.js
        • mo.js
        • reproCSS.js
        • Splitting.js
        • velocity.js
        • hammer.js
        • jquery plugin
        • muuri.js
        • swiper.js
        • web animations.js
  • Other Snippets
        • Theme Snippet

        • blur effect
        • book inspired
        • animation
        • food inspired
        • distortion effect
        • comic book
        • christmas
        • halloween
        • gradient
        • glint
        • game inspired
        • particle animation
        • neon
        • movie inspired
        • hand drawn
        • sports inspired
        • shadow
        • pattern
        • retro
        • valentines
        • Media Snippets

        • icon
        • image effects
        • logo
        • image gallery
        • video
        • image slider
        • social icon
        • Ken Burns
        • weather icon
        • Interaction Snippets

        • clickΒ animation
        • direction aware
        • drag and drop
        • drag animation
        • loading animation
        • microinteractions
        • mouse pointer
        • parallax scrolling
        • hover animation
        • validation
        • zoom
        • scroll animation
        • Shapes Snippets

        • triangle
        • hexagon
        • square
        • cube
        • circle
        • Style Snippets

        • minimalist
        • material design
        • fluent design
        • card ui
        • Misc

        • UX
        • pure css
        • epic
        • deconstruction
  • All Topics

2 fluent-design UI Design Examples

⚑AMP Stories 2019

Fluent Design Inspiration

Microsoft’s Fluent Design System is the latest update in the development of Microsoft’s look-and-feel for Windows, it will replace the Metro design language. Some of the ideas resemble those of Google’s Material Design language. The main purpose here is to give developers access to a single design language that will work well across devices.

Path: Home » fluent design

HTML, CSS Code Snippets for fluent design

scroll to top