Free
shadcn/ui
Start with the core component vocabulary before adding a marketing section or visual effect.
Details, installation, and sourceCOLLECTION
Free shadcn blocks and components
Find free starting points for a shadcn interface, from core components to marketing sections. Understand which parts are free and where paid offerings begin.
A block assembles a section; a primitive handles an interaction; an effect adds visual detail. Choose the layer you are missing before collecting more code. These sources include free material, but their entire catalogs are not necessarily free.
Freemium
Magic UI
Explore an individual animated component when your existing section needs a particular effect. Check whether the item is in the free docs or the Pro offering.
Details, installation, and source
Freemium
Aceternity UI
Browse the explicitly free sections and component examples. Paid templates and blocks have separate terms.
Details, installation, and sourceCheck the exact item
A site's free collection does not make every template free. Read the license and installation instructions for the particular block you select, including any images, fonts, or icons it brings in.
Make the section yours
Replace demo content, map colors and spacing to your tokens, and remove unnecessary effects. Check the smallest supported screen, long text, keyboard behavior, and reduced motion before release.
Sources and review
Prepared by UI Finds from upstream documentation. Sources checked October 1, 2026. Recommendations are editorial judgments; no hands-on benchmark is claimed.