Smart Components by Framer

In plain words

Smart Components by Framer is a design tool that enables users to create interactive components with multiple variants without coding. It allows designers to build complex elements like navigation systems and buttons with various states and nested hover effects through a visual interface. The product is intended for designers and developers who want to prototype interactive designs quickly using a click-based approach rather than writing code.

written from the facts on this page · September 2026

From the sources

Introducing Smart Components in Framer, a new standard for interactive component design. From complete navigations and buttons with multiple states to nested hover effects, build anything visually and in just a few clicks—no code required. https://bit.ly/3jhgLVF

• 
  Framer Design2017 · framer.com · ▲1,008

  Design, code and collaborate. Now all-in-one.

• 
  Framer2016 · ▲463

  Now with auto-code, an all-new way to design with code

• 
  Subframe2024 · subframe.com · ▲756

  The best way to build UI, fast

• 
  DesignCode UI2023 · designcodeui.com · ▲142

  300+ beautiful and functional Figma and Framer components

• 
  Framer Playground2019 · framer.com · ▲357

  A new creative coding environment in Framer X

• 
  Design and Code in Framer X2018 · designcode.io · ▲312

  Learn to prototype and build components using React

• 
  /dev/null▲468

  a social network for devs

  Dev tools · 2d ago · dev-null.sh

• 
  Whiteboard (YC W26) – an open-source IDE for thoughtful software design▲423

  open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.

  Dev tools · 27d ago · github.com

• 
  Reladraw – A diagram language where you decide where to place things▲411

  Contribute to reladraw/reladraw development by creating an account on GitHub.

  Dev tools · 25d ago · github.com

• 
  OpenBot▲362

  Grok Bot alternative: free, local, open-source, multiplayer

  Dev tools · 22d ago · openbot.run

• 
  Talanoa▲340

  Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…

  Dev tools · 20d ago · talanoa.email

• 
  CoreSpeed▲332

  One MCP for everything your agents need: apps, memory, tools

  Dev tools · 27d ago · corespeed.io

• RS
  Redbean – Single-file distributable web server▲1,998

  Life & fun · 2021 · justine.lol

• 
  Can’t afford Bloomberg Terminal? No prob, I built the next best thing▲1,422

  Contribute to DidierRLopes/GamestonkTerminal development by creating an account on GitHub.

  Dev tools · 2021 · github.com

• 
  Ray.so▲1,064

  Create beautiful images of your code

  Dev tools · 2021 · ray.so

• 
  June 1.0▲851

  Instant analytics reports built on top of Segment

  Growth · 2021 · june.so

• 
  Contra▲798

  Connect with next-gen talent and tools to get work underway. Hire more independents. Start more projects. Get more creative.

  Commerce · 2021 · contra.com

• 
  Deep Nostalgia™▲762

  Animate your family photos

  AI · 2021 · myheritage.com