Discover browser and creator APIs for storage, UI, animation, media, and communication with beginner explanations, practical use cases, and official documentation.
Browser APIs and creator platforms
Learn what browser APIs and creator platform integrations do, why you might use them, and how to think about them as a beginner. Explore storage, UI, animation, media, and communication.
Finding an API for your project
Read practical use cases and follow official documentation for implementation details, permissions, browser support, and platform requirements before integrating an API.
Web Storage API
Storage & Data
Saves data directly in the user's browser — permanently with localStorage, or just for the current session with sessionStorage. No server or backend needed.
Remember user preferences, dark mode settings, saved items, and creator configurations across visits without any infrastructure.
Think of localStorage like a drawer in the user's browser. Whatever you put in stays there even after the tab closes. sessionStorage is the same drawer, but it empties itself when the tab closes.
Use cases
Dark/light mode toggle that remembers on return
Save favorite colors, font preferences, or layout settings
Makes HTTP requests to load data from any URL or API — without reloading the page. The modern, promise-based replacement for XMLHttpRequest.
Pull live data from any third-party service: weather, photos from Unsplash, YouTube stats, Gumroad products — all dynamically on your site.
Fetch is like a messenger: you send it to a URL and it returns with the data. Works with JSON APIs, images, text files — anything accessible over HTTP.
Change the browser URL and manage navigation history without reloading the page — the foundation of single-page apps.
Build multi-step flows, gallery views, and filtered states that are bookmarkable and shareable without page reloads.
Normally, clicking a link loads a new page. History API lets you silently update the URL so users can bookmark or share a specific filter or view — without any reload.
Use cases
Portfolio with deep-linkable individual project pages
Store network responses — fonts, images, scripts, API data — locally so they load instantly on repeat visits.
Make your creator site feel blazing fast by caching assets so returning visitors experience zero loading delay.
The Cache API stores web responses locally. Instead of re-downloading the same font or image every visit, the browser serves it instantly from local storage.
Use cases
Cache brand fonts for instant load on return visits
A modern async-friendly API for reading and writing browser cookies — far cleaner than the old document.cookie string.
Store small preferences or session data with expiry dates, without the pain of parsing document.cookie manually.
Old cookie code was hard to read and write. Cookie Store API gives you clean async methods: cookieStore.get() and cookieStore.set() — like a proper key-value store with expiry.
Native browser modal that handles focus trapping, accessibility, and Escape-key dismissal automatically — no library needed.
Replace custom modal JavaScript with a built-in element that the browser manages correctly for accessibility and keyboard navigation.
A <dialog> element is a built-in modal. .showModal() opens it centered on screen, Escape closes it, and focus is trapped inside — all handled by the browser automatically.
Create smooth animated transitions between page states or navigation — like native mobile app transitions in the browser.
Give your portfolio or multi-page site the premium, fluid feel of a native app with minimal code.
When you switch screens in a native app, elements glide rather than flash. View Transitions bring that to the web — a few lines of code and your navigation feels cinematic.
Detect the user's screen size, OS color scheme (dark/light), reduced motion preference, and more — directly in JavaScript.
Build adaptive interfaces that respect the user's OS-level preferences from the moment they land, before any interaction.
matchMedia is how JavaScript reads CSS media queries. Ask 'is the user in dark mode?' or 'does their screen prefer reduced motion?' and react accordingly.
Use cases
Detect OS dark/light mode and apply theme on load
Skip animations for users with reduced-motion preference
Watch any element for size changes and respond in real time — not just when the window resizes, but when that specific element resizes.
Build truly responsive components that react to their container size, perfect for charts, editors, and dynamic layouts.
window.resize fires when the whole window changes. ResizeObserver watches individual elements — even a panel inside a panel — and fires when that specific element changes size.
Use cases
Responsive charts that reflow with their container
Watch the DOM for changes — new elements added, attributes changed, text modified — and react to them automatically.
React to content injected by third-party scripts, auto-enhance CMS content, or build live word counters.
Like a watchful eye on your HTML. If anything changes in the DOM — whether by your own code or an external script — MutationObserver fires so you can respond.
Draw 2D graphics, generative art, data visualizations, and frame-by-frame animations directly in the browser.
Audio visualizers, generative brand art, confetti effects, signature pads — all without any external library.
Canvas gives you a blank drawing surface in the browser. You draw on it with JavaScript commands like fillRect, arc, and drawImage — like a programmatic Photoshop.
Send messages between browser tabs or windows that have your site open at the same time.
Sync theme changes, logout events, or live updates across all open tabs simultaneously.
If someone has your site open in two tabs and changes their color theme in one, Broadcast Channel can apply it to the other tab instantly — no server needed.
Trigger the native OS share sheet — the same one used by every app on the device — from your website.
Replace custom social share buttons with the native share experience users already know, supporting every installed app.
On mobile, clicking Share opens the same menu as sharing from any app — Messages, WhatsApp, Instagram, whatever the user has. On desktop it shows a system dialog.
Access YouTube channel data, video stats, thumbnails, playlists, and search results programmatically.
Auto-display your latest uploads, show your subscriber count, or embed a live channel feed on your creator site.
With your API key, you can ask YouTube to give you any public data: your videos, subscriber count, thumbnails — and display them on your own site automatically.
Use cases
Auto-fetch and display your latest YouTube uploads
Embed interactive maps, mark locations, calculate routes, and display business or venue information.
Show your studio location, create a venue guide, or build a location-based landing page.
Google Maps gives you a fully interactive map in a div. You control the location, zoom, markers, and style — including a dark mode that matches your site aesthetic.
Accept payments, manage subscriptions, sell products, and run your entire creator commerce operation.
The most trusted payment infrastructure — used by millions of creators, indie makers, and businesses worldwide.
Stripe handles the actual payment processing. You create a checkout session with the price, and Stripe provides a secure hosted page. You get paid and they handle all the card security.
Access your Gumroad product catalog, sales data, and customer information programmatically.
Display your live product catalog, show real sales counts, or celebrate milestone numbers on your site.
The Gumroad API lets you read your own product data and display it anywhere. Show your products with live pricing and purchase counts pulled directly from Gumroad.
Manage products, subscriptions, license keys, and payments — with EU VAT handled automatically.
Great for SaaS products, digital downloads, and creator subscriptions with international tax compliance built in.
Lemon Squeezy handles payments and tax compliance globally. Their API lets you build custom storefronts, manage licenses, and automate subscription access from your own site.
Manage email lists, campaigns, automations, and subscriber data for your creator newsletter.
Grow and manage your audience, automate welcome sequences, and segment subscribers by interest.
Mailchimp's API lets you add subscribers to your list directly from your website — no embed code needed. Build a fully custom-styled signup form that sends data to Mailchimp.
Manage subscribers, tags, sequences, and forms for your creator newsletter with powerful automation.
The most creator-focused email platform — tagging, automation, and audience segmentation built for content creators.
ConvertKit (now called Kit) is built for creators. Their API lets you add subscribers and apply tags directly from any form you build — perfect for segmenting your audience.
Post automated messages to any Discord channel directly from your website — no Discord app required.
Notify your community of new launches, blog posts, purchases, or signups automatically.
Create a webhook URL from your Discord server settings, then send a POST request to it from JavaScript. That's it — your message appears in the channel instantly.
Access your Instagram media, profile data, and insights through the official Meta API.
Display your latest Instagram posts on your portfolio or creator site as a live, auto-updating feed.
Using an access token from Meta's Developer dashboard, you can pull your own Instagram photos and display them anywhere on your site — no embed code or widget needed.
Search and embed GIFs, stickers, and animated content from GIPHY's library of millions.
Add personality, reaction GIFs, and animated branding elements to your creator site or app.
Get a free GIPHY API key, then fetch GIFs by search term or trending. Display them as <img> tags anywhere on your site — each with a proper credit link back to GIPHY.
Instant, typo-tolerant search for your content — dramatically faster and smarter than basic text filtering.
Give your portfolio, blog, or product library a premium search experience with sub-millisecond results.
You upload your content to Algolia, and their API searches it instantly as users type. Even with typos. Results appear in under 10ms — faster than any custom search you could build.
Cloud-based image and video transformation — resize, optimize, apply effects, and convert formats via URL parameters.
One URL parameter resizes, compresses, and converts images for every device automatically — no Photoshop needed.
Upload an image to Cloudinary once. Then transform it for any use case just by changing the URL — add w_800 and it serves at 800px wide, add f_auto and it picks the best format automatically.
Access over 3 million free high-quality photos with search, collections, and random photo endpoints.
Pull stunning free photography into creator projects without copyright concerns — free for most usage.
Register a free app on Unsplash, get an access key, and you can search millions of professional photos by keyword — perfect for filling your site with beautiful imagery.
Search and use free professional stock photos and videos from Pexels' curated library.
Free commercial-use stock photography and video b-roll for creator projects — no attribution required.
Get a free Pexels API key and search their entire library by keyword. Every photo is free to use commercially — pull them dynamically into your site without any licensing hassle.