✦ Free resources
Free Web Development Tools, Frameworks and APIs
CSS frameworks, React and Vue component libraries, site frameworks, open source backends and CMS, and free APIs and test data for your next project.
- 136 free resources
- 82 open source
- 14 with a free plan
- Every link checked
136 free resources
Frontend
Frameworks, CSS tools and libraries for the browser.
- Aceternity UIFree tierAnimated Tailwind and Motion componentsui.aceternity.com
- Alpine.jsOpen sourceLightweight JavaScript for adding behavior in HTMLalpinejs.dev
- Ant DesignOpen sourceEnterprise React UI library and design systemant.design
- Ark UIOpen sourceHeadless components for React, Vue, Solid, and Svelteark-ui.com
- AstroOpen sourceContent focused web framework that ships less JavaScriptastro.build
- AvatuneOpen sourceOpen source framework for generating customizable avatarsavatune.dev
- AvvvatarsOpen sourceOpen source React component for unique placeholder avatarsavvvatars.com
- Beautiful UIFreeCopy and paste UI components built for chat and AI appsbeautifului.dev
- BenchoFreeInteractive React components and micro interactions to copy into projectsbencho.dev
- BootstrapOpen sourceClassic CSS framework with components and gridgetbootstrap.com
- BulmaOpen sourceModern CSS framework based on flexboxbulma.io
- CapsizeOpen sourceTrim the extra space above and below text for exact layoutsseek-oss.github.io
- cdnjsFreeFree CDN for popular JavaScript and CSS librariescdnjs.com
- Chakra UIOpen sourceAccessible React component librarychakra-ui.com
- Chart.jsOpen sourceSimple canvas based charts for JavaScriptchartjs.org
- ClippyFreeCSS clip-path shape makerbennettfeely.com
- cmdkOpen sourceCommand menu component for Reactgithub.com
- CSS Grid GeneratorFreeBuild CSS grids visually and copy the codecssgrid-generator.netlify.app
- CSS LoadersFree600+ pure CSS loading spinnerscss-loaders.com
- CSS Scan Box ShadowsFreeLibrary of box shadows to copygetcssscan.com
- CSS Scan ButtonsFree100+ CSS buttons to copygetcssscan.com
- CSS Text EffectsFreeCopy and paste CSS-only animated text effects for web pagestext-effects.colorion.co
- D3Open sourceLow level library for custom data visualizationd3js.org
- daisyUIOpen sourceComponent classes plugin for Tailwind CSSdaisyui.com
- EleventyOpen sourceSimple static site generator11ty.dev
- Embla CarouselOpen sourceLightweight, extensible carousel libraryembla-carousel.com
- Evil ButtonsFreeAnimated shadcn/ui buttons with a playful dark personalityevilbuttons.com
- EvilChartsFreeAnimated, interactive React chart components you can drop into projectsevilcharts.com
- Fancy Border RadiusOpen sourceVisual generator for organic CSS border radius shapes9elements.github.io
- Float UIOpen sourceFree Tailwind and React UI componentsfloatui.com
- Floating UIOpen sourcePosition tooltips, popovers, and dropdownsfloating-ui.com
- FlowbiteOpen sourceTailwind component library with a free open source coreflowbite.com
- Fluid Type ScaleFreeGenerate fluid type sizes with CSS clamp()fluid-type-scale.com
- Glassmorphism GeneratorFreeFrosted glass CSS generatorhype4.academy
- Headless UIOpen sourceUnstyled accessible components for React and Vueheadlessui.com
- HeroUIOpen sourceReact UI library formerly called NextUIheroui.com
- Hover.cssOpen sourceCSS hover effects for links and buttonsianlunn.github.io
- htmxOpen sourceAdd dynamic behavior with HTML attributeshtmx.org
- Hyperiux VaultFree tierNext.js and React motion effects for interfaces, with a free tiervault.hyperiux.com
- HyperUIOpen sourceFree Tailwind CSS components to copyhyperui.dev
- jsDelivrFreeFree CDN for npm packages and GitHub filesjsdelivr.com
- Keyframes.appFreeBuild CSS keyframe animations visuallykeyframes.app
- LeafletOpen sourceLightweight library for interactive mapsleafletjs.com
- Liquid GooeyFreeReact effects for liquid morphing and gooey trailing UIgooey.jakubantalik.com
- LiveCodesOpen sourceOpen source code playground that runs in the browserlivecodes.io
- LiveKit Agents UIOpen sourceOpen source React parts for voice assistant and AI agent screenslivekit.com
- MageCDNOpen sourceOpen source SVG loading spinners you can copymagecdn.com
- Magic UIOpen sourceAnimated React components for landing pagesmagicui.design
- MantineOpen sourceFull featured React components and hooks librarymantine.dev
- MapLibreOpen sourceOpen source vector map rendering for web and mobilemaplibre.org
- MicrointeractionsOpen sourceOpen source UI microinteraction studies with copyable CSS and JavaScriptmicrointeractions.dev
- MorphiconsFreeReact library that morphs one SVG icon into another with springsmorphicons.com
- Motion PrimitivesOpen sourceAnimated UI kit for React and Tailwindmotion-primitives.com
- MUIOpen sourceReact components implementing Material Designmui.com
- Neumorphism.ioFreeSoft UI shadow generator with CSSneumorphism.io
- Next.jsOpen sourceReact framework for full stack web appsnextjs.org
- NuxtOpen sourceFull stack framework built on Vuenuxt.com
- OatOpen sourceTiny semantic component library with zero dependencies or JavaScriptoat.ink
- Open PropsOpen sourceCSS custom properties for consistent design tokensopen-props.style
- Pattern LabOpen sourceBuild pattern libraries and design systems with atomic designpatternlab.io
- Pico CSSOpen sourceMinimal CSS framework that styles plain HTMLpicocss.com
- PlaiceholderOpen sourceGenerate blurred image placeholders for faster loading pagesplaiceholder.co
- PODIEFreeExpressive React components and app templates for interface builderspodie.dev
- Preline UIOpen sourceOpen source Tailwind components and examplespreline.co
- Prodular UIFree tierReact design system aimed at projects built with AI coding toolsui.prodular.co
- Radian UI AvatarsOpen sourceOpen source avatar components for React and design filesradianui.com
- Radix UIOpen sourceUnstyled, accessible React primitivesradix-ui.com
- React AriaOpen sourceAdobe's accessible React hooks and componentsreact-aria.adobe.com
- React BitsOpen sourceAnimated and interactive React componentsreactbits.dev
- React RouterOpen sourceRouting library and framework for React, merged with Remixreactrouter.com
- RechartsOpen sourceComposable charting library for Reactrecharts.org
- RefineOpen sourceOpen source React framework for building internal tools and admin panelsrefine.dev
- SassOpen sourceCSS preprocessor with variables, mixins, and modulessass-lang.com
- shadcn/uiOpen sourceCopy and paste React components built on Radix and Tailwindui.shadcn.com
- Shape DividerFreeMake SVG section dividers with the CSS readyshapedivider.app
- SolidJSOpen sourceReactive UI library with fine grained updatessolidjs.com
- SonnerOpen sourceToast notification component for Reactsonner.emilkowal.ski
- Style DictionaryOpen sourceTurn design tokens into code for every platformstyledictionary.com
- Svelte and SvelteKitOpen sourceCompiler based UI framework with an app frameworksvelte.dev
- SveltePlotOpen sourceOpen source data visualization framework built for Sveltesvelteplot.dev
- SwiperOpen sourceTouch slider and carousel libraryswiperjs.com
- Tailwind CSSOpen sourceUtility first CSS frameworktailwindcss.com
- TanStackOpen sourceHeadless libraries for queries, tables, routing, and formstanstack.com
- TremorOpen sourceReact components for charts and dashboardstremor.so
- UI SnippetsFreeGallery of hover and button animations with CSS ready to grabui-snippets.dev
- uibrikFree tierMotion heavy React kit with shader backdrops, free plan availableuibrik.com
- UiverseOpen sourceCommunity made UI elements in HTML, CSS, and Tailwinduiverse.io
- UNPKGFreeLoad any file from an npm package by URLunpkg.com
- useLayoutsOpen sourceOpen source set of animated React pieces and page layouts to reuseuselayouts.com
- UtterancesOpen sourceComments for static sites, stored in GitHub issuesutteranc.es
- VueOpen sourceApproachable JavaScript framework for building UIsvuejs.org
- Watermelon UIFreePaste ready React blocks, dashboards and UI pieces for web appsui.watermelon.sh
- Web AwesomeFree tierFramework agnostic web components, successor to Shoelacewebawesome.com
Backend and CMS
Open source backends, CMS and auth you can host yourself.
- AppwriteFree tierOpen source backend for auth, databases, and storageappwrite.io
- Auth.jsOpen sourceOpen source authentication for web frameworksauthjs.dev
- Better AuthOpen sourceTypeScript authentication frameworkbetter-auth.com
- CoolifyOpen sourceSelf hostable alternative to Heroku and Vercelcoolify.io
- Decap CMSOpen sourceGit based CMS for static sitesdecapcms.org
- DirectusFree tierData platform and headless CMS on any SQL databasedirectus.com
- LogtoOpen sourceOpen source auth and user management you can self-hostlogto.io
- MeilisearchOpen sourceFast open source search enginemeilisearch.com
- PayloadOpen sourceOpen source TypeScript headless CMS and app frameworkpayloadcms.com
- PocketBaseOpen sourceBackend in a single file with database, auth, and filespocketbase.io
- StrapiOpen sourceOpen source headless CMS in Node.jsstrapi.io
- SuperTokensOpen sourceOpen source login and sessions with a managed optionsupertokens.com
APIs and data
Free APIs, datasets and data tools.
- ApiFlashFree tierWebsite screenshot API with free monthly capturesapiflash.com
- Data.govFreeOpen data from the US governmentdata.gov
- DummyJSONFreeFake JSON data for products, users, posts, and moredummyjson.com
- FakerOpen sourceGenerate realistic fake data in JavaScriptfakerjs.dev
- FrankfurterOpen sourceFree currency exchange rate APIfrankfurter.dev
- Google ChartsFreeFree JavaScript charts from Googledevelopers.google.com
- Google Dataset SearchFreeSearch engine for public datasetsdatasetsearch.research.google.com
- InfogramFree tierMake charts and infographicsinfogram.com
- JSONPlaceholderFreeFake REST API for testing and prototypingjsonplaceholder.typicode.com
- Kaggle DatasetsFreeThousands of public datasets for analysiskaggle.com
- Logo.devFree tierCompany logo API by domain namelogo.dev
- Lorem PicsumFreePlaceholder photos by URLpicsum.photos
- MediaWiki APIFreeRead Wikipedia and other wiki content programmaticallymediawiki.org
- MicrolinkFree tierAPI for link previews, screenshots and metadatamicrolink.io
- MockarooFree tierGenerate realistic test data in CSV, JSON, or SQLmockaroo.com
- NASA APIsFreeAccess NASA imagery and space dataapi.nasa.gov
- Open Food FactsOpen sourceOpen database of food products and nutritionworld.openfoodfacts.org
- Open Library APIFreeBook data and covers from the Internet Archiveopenlibrary.org
- Open-MeteoFreeFree weather API with no key needed for non commercial useopen-meteo.com
- OpenStreetMapOpen sourceOpen, community built map data of the worldopenstreetmap.org
- Pexels APIFreeFree API for Pexels photos and videospexels.com
- PlaceholdFreePlaceholder images with custom size and textplacehold.co
- PokeAPIFreeOpen RESTful API of Pokemon datapokeapi.co
- Public APIsOpen sourceHuge categorized list of free public APIsgithub.com
- QuickChartOpen sourceChart images from a URL, open sourcequickchart.io
- Random User GeneratorFreeAPI for random user profiles and photosrandomuser.me
- RAWGraphsOpen sourceTurn spreadsheet data into charts in the browserrawgraphs.io
- REST CountriesFreeCountry data such as names, flags, and currenciesrestcountries.com
- Tableau PublicFreeFree version of Tableau for public data visualizationspublic.tableau.com
- TMDB APIFree tierMovie and TV metadata APIdeveloper.themoviedb.org
- Unsplash APIFree tierAdd Unsplash photos to apps and sitesunsplash.com
Questions about web development
What is the best free CSS framework?
Tailwind CSS is the most popular. Bootstrap, Bulma and Pico CSS are simpler to start with, and daisyUI adds ready made components on top of Tailwind.
Where can I find free React component libraries?
shadcn/ui, Radix UI, MUI, Mantine and Chakra UI are free. Magic UI and Aceternity UI focus on animated sections.
Where can I find free APIs?
Public APIs is a long list of free APIs. JSONPlaceholder and DummyJSON give you fake data for testing, and Open-Meteo has free weather data.
This directory, including its selection, categories and descriptions, is © 2026 Jeffrey Hakim. You’re welcome to link to it. Please don’t copy or republish the list.
✦ Want more than free tools?
Let’s build your site in Framer
I design and build fast Framer sites with clean SEO and share previews that stand out. Tell me what you’re working on.
Contact Jeffrey
