A component is a ready-made piece of a web page, such as a button, a menu or an animated card. Many are free to copy. Each comes with a licence or terms of its own, worth reading before a client’s site goes live. Below: fourteen free sources, and what each one’s own text says.
1. What to read before you copy a component
Four questions cover most of what to look for on a licence or terms page.
Our two earlier guides cover other libraries. The web design resources guide covers shadcn/ui, Magic UI, Aceternity, React Bits and more. The AI design tools guide covers Cult UI, Componentry and others. This page covers different ones.
- Is there a licence file? A badge on a home page is a short summary. The licence file in the code, or the terms page, holds the full wording.
- Does it mention your use? Look for the words about commercial use, client work, reselling and open source projects.
- What has to travel with the code? The MIT licence asks that its notices “shall be included in all copies or substantial portions of the Software”. The Apache License 2.0 asks a little more, in its section 4.
- What else comes along? Pictures, fonts and other packages can carry their own terms. The ObsidianUI terms put it simply: “Each package has its own license, and you are responsible for following it”.
A badge says what a licence is called; the file says what it asks.
For example, a free hero section might use a font, a demo photo and an animation package, each with its own licence.
The fourteen at a glance, with the licence or terms each one names in its own file or page:
| Library | Licence or terms it names | Where to read it |
|---|---|---|
| ObsidianUI | MIT | licence file, terms |
| Kokonut UI | MIT (the Pro set has its own terms) | licence file, Pro terms |
| Motion Primitives | MIT | licence file |
| Animata | MIT | licence file |
| Eldora UI | MIT | licence file |
| SmoothUI | MIT | licence file |
| Kibo UI | MIT | licence file |
| ReUI | MIT (templates marked Free: its License on Personal terms) | licence file, home page FAQ |
| Uiverse | MIT | home page |
| Tremor | Apache License 2.0 | licence file |
| Animate UI | MIT + Commons Clause License Condition | licence file |
| Hover.dev | Its own licence | licence page |
| Framer free components | Framer’s Community Terms | Community Terms |
| shadcnblocks free blocks | Its own terms | terms |
2. Free under the MIT licence
These nine libraries publish their code under the MIT licence, an open source licence the Open Source Initiative lists under “Popular / Strong Community”.
The MIT licence grants the right “to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software”. In return, it asks that the copyright notice and the permission notice stay in all copies.
ObsidianUI
ObsidianUI is a React and Tailwind CSS component library you add to a project with the shadcn command line.
Its licence file is the MIT licence, with the line “Copyright (c) 2026 ObsidianUI”. Its terms page adds: “That license, not these Terms, sets out what you can do with the code”.
The terms page was last updated on 18 October 2026.
Watch for: the demo pictures. The terms say: “Unless a file says otherwise, demo media is there to show how a component behaves and is not licensed to you for reuse. Replace it with your own assets before you ship”.
Kokonut UI
Kokonut UI offers free React components built with Tailwind CSS, Motion and shadcn/ui, plus a paid Pro set.
The free components’ licence file is the MIT licence, with the line “Copyright (c) 2025 kokonutUI”.
Watch for: the Pro set has its own terms. The Pro terms allow you to “Create and deploy unlimited end products for yourself or your clients”. Among the things they say you may not do: “Use the components in open source projects without prior written permission”.
The same Pro terms say: “We reserve the right to terminate access at our discretion, without prior notice”. They were last updated on 1 August 2026, and say they are governed by the laws of France.
Motion Primitives
Motion Primitives describes itself as a “UI kit to make beautiful, animated interfaces, faster”.
Its licence file, spelled LICENCE.md, is the MIT licence. The home page sums it up as “Easy copy-paste. Customizable. Open Source”.
Watch for: a separate Pro site offers “handcrafted motion components, sections, and templates”. That is a separate site, so look for its own terms before you buy.
Animata
Animata is a collection of animated components you copy into a project one file at a time.
Its licence file is the MIT licence, with the line “Copyright (c) Animata”. The home page says: “Copy the file into your repo and you own it from there”.
Watch for: the home page’s plain-words summary sits beside the licence file, and the file is where the notice to keep is written.
Eldora UI
Eldora UI offers “150+ free and open-source animated components and effects” built with React, TypeScript, Tailwind CSS and Motion.
Its licence file is the MIT licence, with its maker’s name in the copyright line. The home page calls it a “Perfect companion for shadcn/ui”.
Watch for: what it installs. Our reading: a component built on other packages brings their licences too.
SmoothUI
SmoothUI offers animated React components you install one at a time with the shadcn command line.
The home page invites you to “copy the code and make it yours”. Its licence file is the MIT licence, with its maker’s name in the copyright line.
Watch for: the copyright line in that file is the one the MIT licence asks you to keep.
Kibo UI
Kibo UI calls itself “a custom registry of composable, accessible and extensible components designed for use with shadcn/ui”.
The home page adds: “Free and open source, forever”. The code now sits under the shadcnblocks account on GitHub, and its licence file is the MIT licence, “Copyright (c) 2023 — Present shadcnblocks”.
Watch for: shadcnblocks also runs a separate blocks site with its own terms, described further down. Check which of the two you are copying from.
ReUI
ReUI offers shadcn components and its own primitives for free, and sells premium blocks and templates.
The ReUI home page says: “All 1,265 shadcn components and 27 ReUI custom primitives are free forever, under the MIT License, with no purchase or account needed”. Its licence file is the MIT licence, “Copyright (c) 2025 Keenthemes Inc”.
Watch for: the same page says “templates marked Free need only a free account, under the License on Personal terms rather than MIT”. So a template marked Free comes with different terms from the free components.
Uiverse
Uiverse is a community site where many people share small interface elements.
The Uiverse home page says: “All content (UI elements) on this site are published under the MIT License”. The element page we opened showed its own MIT text, with that element’s creator in the copyright line.
Watch for: an element can have its own creator, named in the MIT text on its page.
3. Free under the Apache License 2.0
The Apache License 2.0 is an open source licence that asks for a little more than MIT when you pass the code on.
Section 4 of the Apache License 2.0 says: “You must give any other recipients of the Work or Derivative Works a copy of this License”. It also asks you to keep, in the source of anything you pass on, “all copyright, patent, trademark, and attribution notices from the Source form of the Work, excluding those notices that do not pertain to any part of the Derivative Works”.
Tremor
Tremor offers “35+ fully open-source, accessible components for dashboards and charts,” built with React, Tailwind CSS and Radix UI.
Its licence file is the Apache License 2.0. The home page also offers “300+ Premium Blocks”.
Vercel announced in January 2025 that it had acquired Tremor.
Watch for: section 4 of the licence also says: “You must cause any modified files to carry prominent notices stating that You changed the files”.
4. Free, under their own written terms
These four are free to use under terms written by the maker or, for Framer, the marketplace, each with limits in its own words.
Animate UI
Animate UI describes itself as a “Fully animated, open-source component distribution built with React, TypeScript, Tailwind CSS, Motion, and Shadcn CLI”.
Its licence file is titled “MIT + Commons Clause License Condition”. It grants the right to use the software “as part of an application, website, or product”.
Watch for: the condition that follows. It reads: “so long as you do not sell or redistribute the components themselves in their original form—whether alone or in a bundle”. React Bits, in our web design resources guide, pairs MIT with the Commons Clause too.
Hover.dev
Hover.dev offers free basic components and a paid Pro set, under one licence it wrote itself.
The Hover.dev licence says: “Hover Dev, LLC grants you an ongoing, non-exclusive license to use our components for both commercial and non-commercial use cases”. It also says: “No attribution is required”.
Watch for: the same list includes “Making legal claims against Hover Dev, LLC or any of our users for utilizing components owned by Hover”. The footer adds that components “may not be redistributed without the written consent of Hover.dev”.
Framer Marketplace free components
Framer’s marketplace lists components people make for Framer sites, some free and some paid.
Under Framer’s Community Terms, the component’s creator lets you “Use the Free Content for client work, provided the Free Content is incorporated into a broader end product”. They call it a “limited, non-exclusive, non-transferable, non-sublicensable, revocable license”.
Watch for: paid items work differently. The same terms license them for “one (1) end product or project”. They also say you must not “Use the Licensed Content in more than one project, website, product, or client engagement”.
shadcnblocks free blocks
shadcnblocks offers ready-made blocks, pages and templates, some free and some paid.
Its terms say: “Making a block available without charge is a limited permission to use it as described below. It is not a waiver of copyright”. They allow you to “install them into an End Product for yourself, your company, or a Client”.
Watch for: AI rewrites. The terms and the paid licence count a work that reproduces “a substantial part” of a block as a derivative “whether the alteration was made by hand or through automated or AI-assisted transformation, restyling, renaming, or reformatting”.
5. Keeping a record of what you copied
Our suggestion: keep a short list of every component you copy, where it came from and its licence.
For example, a text file in the project with one line per component: its name, the link, the licence and the copyright line.
Terms pages change, so open them again on the day you copy. Several of the pages above carry a “last updated” date.
This page shares what the licence texts say. It is not legal advice. For a large or unusual project, a lawyer can read the terms with you.
Quick answers
Can I use free components in client work?
Many of the texts here mention it, each in its own words. Framer's terms, for example, allow free content in client work when it is part of a broader end product.
What does the MIT licence ask for?
That its copyright notice and permission notice be included in all copies or substantial portions of the software.
What is the Commons Clause?
A condition added to a licence. In Animate UI's file, it allows commercial use "so long as you do not sell or redistribute the components themselves in their original form".
Is this page legal advice?
No. It shares what the licence texts say. For a large or unusual project, a lawyer can read the terms with you.
Use this
Our suggestion: three habits for using free components in client work.
Licence file first, badge second.
Quick quiz
Nothing is scored or saved. Recalling it once now is what makes it last.
1. What does the MIT licence ask you to keep in copies?
Answer: Its copyright notice and permission notice.Read it again ↑
2. What do ObsidianUI's terms say about demo media?
Answer: Replace it with your own before you ship.Read it again ↑
3. Under Framer's Community Terms, how many projects is a paid component licensed for?
Answer: One.Read it again ↑
How we checked this · Last checked November 2026
- We opened each library's licence file on GitHub and its home page, terms or licence page on 12 November 2026, and quote them word for word.
- Pro and paid tiers are mentioned only where their terms touch the free components; we did not buy anything.
- Copyright lines that name a private person are described, not quoted.