Skip to main content
A1 Gallery
ProfilesFontsBlogAbout
Submit
ProfilesFontsBlogAbout
Submit a site →

Type

Agency167Blog14Directory11Landing552One page40Portfolio154Shop60Template57Waitlist24

Category

Design342AI147Software141Development127Finance65Technology65Productivity63Marketing60Business53Data32Web3 & crypto32Health31

Style

Sans-serif302Minimal280Animated262Photography194Big type180Serif160Pattern156Video146Scroll animation145Gradients144Typographic132Dark128

Technology

Cargo6Framer208Next.js160Nuxt13Readymag10Semplice2Shopify24Squarespace3Webflow201Wix3Wordpress31Ycode2

Other

CollectionsFont PairingsOfficial InformationPrivacy PolicyColophonCopy this siteMade by BrynFramer TemplatesWebflow TemplatesFreelance ThingsGood Garms
Home→Animated→Animated Design

75 animated design website examples

Design studios and agencies use animation to demonstrate their creative capabilities directly on their websites. Whether it's scroll-driven transitions, hover effects, or page-level choreography, motion design signals craft and attention to detail. These animated design portfolios are popular with branding agencies, interaction studios, and freelance creatives looking to stand out. Browse designer profiles or filter by platform: Framer, Webflow.

  • Animated design
  • All
  • Agency
  • Blog
  • Directory
  • Landing
  • One page
  • Portfolio
  • Shop
  • Template
  • Waitlist
  • AI
  • Business
  • Charity
  • Climate
  • Data
  • Design
  • Development
  • Education
  • Energy
  • Entertainment
  • Events
  • Fashion
  • Finance
  • Food & drink
  • Hardware
  • Health
  • Homeware
  • Human resources
  • Legal
  • Marketing
  • Music
  • Photography
  • Productivity
  • Professional services
  • Real estate
  • Retail
  • Science
  • Security
  • Social
  • Software
  • Sports
  • Technology
  • Transport
  • Travel
  • Typography
  • Venture capital
  • Video
  • Web3 & crypto
  • Writing
  • Lovart website screenshot
    Lovart↗
  • Joffrey Spitzer website screenshot
    Joffrey Spitzer↗
  • Good Fella  website screenshot
    Good Fella ↗
  • Last Studio template screenshot
    Last Studio
    Get template · Free
  • forpeople website screenshot
    forpeople↗
  • New Studio website screenshot
    New Studio↗
  • Unlimited Framer templates
    Unlimited Framer templates
    Sponsored
  • Awais Razzaque website screenshot
    Awais Razzaque↗
  • Halaska website screenshot
    Halaska↗
  • Framer website builder
    Framer
    Sponsored
  • Amna Javed website screenshot
    Amna Javed↗
  • Guidy template screenshot
    Guidy
    Get template · $99
  • Samuel Scalzo website screenshot
    Samuel Scalzo↗
  • Osmo website screenshot
    Osmo↗
  • Hugo Baron website screenshot
    Hugo Baron↗
  • Jordan Gilroy website screenshot
    Jordan Gilroy↗
  • Glass abstract shapes website screenshot
    Glass abstract shapes↗
  • Ask Phill website screenshot
    Ask Phill↗
  • ATOM63 website screenshot
    ATOM63↗
  • Jon Howell website screenshot
    Jon Howell↗
  • Geniestudio website screenshot
    Geniestudio↗
  • Stōkt Creative Co. website screenshot
    Stōkt Creative Co.↗
  • Jords+Co website screenshot
    Jords+Co↗
  • Unlimited Framer templates
    Unlimited Framer templates
    Sponsored
  • Aino website screenshot
    Aino↗
  • Devouring Details website screenshot
    Devouring Details↗
  • Juice website screenshot
    Juice↗
1234
Next  →

Related collections

All collections →
Animated+Landing
181 sites
Animated+Development
55 sites
Animated+AI
54 sites
Animated+Software
41 sites
Animated+Agency
29 sites
Animated+Portfolio
27 sites
Animated+Technology
23 sites
Minimal+Design
133 sites
Sans-serif+Design
100 sites

Get the best animated design websites each week

Curated inspiration sent every Tuesday

Unsubscribe at any time

Lovart
Joffrey Spitzer
Good Fella

Animated design FAQs

Animation allows design agencies to demonstrate their capabilities immediately. A well-crafted animated website signals attention to detail, technical proficiency, and creative thinking before a visitor reads a single word of content.

Scroll-triggered reveals, hover state transitions, and page transitions between projects are popular choices. The key is consistency; animations should follow a unified motion language that reflects the agency's design philosophy.

Notable examples include Lovart, Joffrey Spitzer, Good Fella , Last Studio and forpeople. These are just a few of the 75 animated design websites in this collection, each selected for strong visual design and execution.

Popular platforms in this collection include Framer, Next.js, Webflow and Nuxt. Each brings different strengths for building animated design experiences.

Frequently used typefaces include Neue Montreal, Inter, Geist Mono and Geist. Typography plays a key role in defining the animated aesthetic across these design websites.