nowfound

Work · August 11, 2023

Awesome Framer Motion Components

A curated list of Tailwind CSS and Framer Motion components

Awesome Framer Motion Components launched on August 11, 2023 with 175 votes, #244 of 4,347 launches that month and more than 90% of that year's launches. The site was still online in September 2026, 3 years on.

Visit ui.aceternity.com ↗Alternativestop 6% of August 2023

What it does

I come across beautiful components on the web every day. It is a pain to create them every time myself from scratch. With this list, you can copy paste the most popular components over the internet and use them in your projects.

200+ free, copy-paste components and blocks for React and Next.js. Animated cards, hero sections, backgrounds and more, built with Tailwind CSS and Motion.

Get access to all templates, components and blocks for a one-time payment. Free, copy-paste components for React and Next.js, built with Tailwind CSS and Motion. Shadcn compatible, with microinteractions and animations included. An interactive image with responsive color separation, displacement, and tilt. Soft procedural clouds that drift across the sky. Tune speed, count, and colors with props. A split-flap display component that animates characters with flip transitions, inspired by Vestaboard. Scroll through the page and see the image come out of the screen, as seen on Fey.com website. A floating, configurable notch that pins to the top or bottom of the screen. Pass an array of items…from ui.aceternity.com

Does a similar job

all alternatives →
  • Motion Tailwind CSS2023 · loopple.com · ▲159

    Tailwind CSS website builder for modern developers

  • Fancy Components2025 · fancycomponents.dev · ▲38

    Hi there, friends! I built a fun side-project called Fancy Components to explore and recreate some of the more unique, funky, unconventional, and sometimes useless UI designs & microinteractions you might see around the web. Built (mostly) with React, TypeScript, TailwindCSS, and Motion (formerly Framer Motion). Just copy the source code into your project, and you’re good to go. Each component includes examples, demos and also a documentation to help you understand how it works and built. It’s 100% free and open-source!

  • ChatGPT Tailwind Components2023 · btw.so · ▲207

    Create customized Tailwind CSS components

  • Tailframes2024 · tailframes.com · ▲103

    Open Source components library for React & Tailwind CSS

  • Tailwind for E-Commerce2022 · ▲103

    Tailwind CSS components for e-commerce

  • Tailwind Animations2023 · tailwindanimations.co · ▲132

    Beautiful copy + paste Tailwind CSS animations in seconds

More work this month

the category →

Source: Product Hunt launch ↗

Launched alongside, August 2023

the whole month →
  • Resend▲1,325

    An entire collection of pre-built components with a much faster development experience.

    Dev tools · 2023 · resend.com

  • STORI AI▲1,316

    Your ideas become visually compelling branded social posts

    AI · 2023 · storiai.com

  • Kombai▲1,079

    A new AI model that you can prompt with UI designs

    AI · 2023 · kombai.com

  • User Persona Generator▲1,014

    Understand your audience without 50 interviews

    AI · 2023 · founderpal.ai

  • Lottielab▲869

    Create and ship lottie animations to sites and apps faster

    Dev tools · 2023 · lottielab.com

  • LLMs can generate valid JSON 100% of the time▲854

    Outlines is a Python library that focuses on text generation with large language models. Brandon and I are not LLM experts and started the project a few months ago because we wanted to understand better how the generation process works. Our original background is probabilistic, relational and symbolic programming. Recently we came up with a fast way to generate text that matches a regex (https://blog.normalcomputing.ai/posts/2023-07-27-regex-guide...). The basic idea is simple: regular expressions have an equivalent Deterministic-Finite Automaton (DFA) representation. We…

    AI · 2023 · github.com