Discover the best api websites created by professional designers. Get inspired and start planning your perfect api web design today!

Update to my personal site. Took heavy inspiration from classic macOS. There are some fun experiences for visitors to find. 

Everything is done natively in Webflow using interactions including the color palette changes. I'm using CMS collections to drive the projects, tutorials, videos, and Webflow Weekly contents.

The whole site is a single static page and then the collection pages.

The UI is the same no matter where you are thanks to symbols which makes edits much easier.

Class naming and combo classes were huge for making the interface and interaction work smoothly.

EDIT 2020-11-10: this can now be cloned

mattOS

From my Webflow online course community came the wish to build this video player, which basically runs in a loop without sound as a background video. 
If you click on on the unmute button, the video plays from the beginning and the sound is activated.  

We need a bit of custom jQuery code for this. In addition, the Vimeo API must be included if you want to address Vimeo iFrames.

Watch the tutorial here: https://youtu.be/mKFZxHpYGng

Vimeo Background Video with Play Sound Toggle

This project is built using Vimeo's API so we can create a nice video playlist that allows you to set a custom start point in the video when a user clicks on the play button. Even better, the videos are being pulled in via the Webflow CMS. 

This is great if you want a clean and fully custom video player for tutorials or anything like that. It does use custom Javascript, so you may want to poke around until you have a solid understanding of how everything works. This is probably not the simplest project for new Webflow users, but if you're feeling confident, then definitely go for it (it's not really that intense 😁).

Vimeo Custom Playlist

CMS Vimeo Playlist

This project is an example of connecting to an external API from a Webflow site to retrieve data and display it on the page.

External API Example

Retrieving data from an external API - todo list

ThreeSixtyEight

Support local healthcare heroes with notes of gratitude and thoughtful donations

Viral Positivity

Here is a first try at a CMS commenting system through Zaps and Google Sheets. Take it for a spin and let me know what you think. Improvements are welcome -> 

Forum Topic: https://forum.webflow.com/t/cms-api-zapier-comments-system

**UPDATE MAY 15, 2017**

Please Note;

* This system is on the free plan and maximum CMS items limit apply (currently at maximum for this one - no new comments)
* If you want to use it in production, make sure you have a paid plan for your project or delete some of the comments that exist here
* An interaction which prevented comments from displaying has been fixed.


Here is the google sheets link for reference : -

 https://docs.google.com/spreadsheets/d/1057jftJpuhFBdA1MieS9y4CtmS-mg-GOD1hW8APM-rs/edit?usp=sharing

CMS Comments

CMS API+Zapier Comments System

I was recently completing a site for a client which required users to be able to submit rich text but Webflow (weirdly) doesn't natively support this. I first tried Quill.JS but was unhappy with the result but eventually found TinyMCE - what an incredible tool!

The main reason for needing a RTE was to utilise bold, italic and underlined as well as lists (no need for headings). I've set up the API to my needs but the documentation is great and easy to understand.

Want to know the best part? I can send the data to Airtable using Zapier/Integromat/Parabola and then push it back into a Webflow CMS RTE!

Tiny MCE

Rich Text Editor For WEBFLOW!

Something a little different from me this time. 

Companies of all sizes use Weav's API to easily connect with commerce platforms and access their customers' real-time, standardized data.

weav-api

Weav API

A project where I am using Airtable and No Code API to power the job listings on this Webflow site instead of using the CMS.

Airtable Job Board

airtable-job-board

Flickr API, Dynamic Lightbox, Pagination, Flexbox

Webflow Preview above does not work correctly - Please click the link "Open live site" on the right to view the site.

Flickr Search

FlickrSearch

With this site, I use the public Deck of Cards API as a basis to show you how you can use GitHub, VS Code, and jsDelivr with your Webflow projects. Check out the tutorial and the repo!

Pick A Card

Pick a Card, Any Card!

Have you ever wanted to display data from an external API in your Webflow site? This is a fully working example an includes a link to a step-by-step tutorial on how it's done. Enjoy!

Xano API Example

Display data from an external API in Webflow

Veza Digital

Seems like nobody else has made this yet, so here it is! Easily make yourself (or your client) a clean, seamless API documentation section of their website with this cloneable site!

Included in here is a way to embed a code snippet copy box within rich text! Clone away & enjoy!

CMS Based API Documentation

CMS Based API Documentation Cloneable

Flowcraft

A while ago we did a replica of Stripe's API documentation; no doubt very out of date now.

Hope someone finds it handy!

Stripe API Replica

Stripe API Documentation Replica

Enable Web Share APIs for mobile to all kinds of devices and integrate sharing capabilities into your website.

Web Share Cloneable

Web Share

Create charts on form submission using form data & QuickChart API. Custom code in home page settings!

This was a quick example made for the unofficial Webflow Discord server (https://discord.gg/TPkHu9), but we'll be cleaning up the code and providing more examples over time!

Form Data to Chart

Form Data to Chart with QuickChart

Digital Butlers

Hello everyone! ✋🏻

Just wanted to share one of my favorite projects in 2020. Three.js globe / Webflow CMS / Horizontal scroll / API Integration and many more. 

Check this out and let me know your thoughts in the comments! 
Have a nice day! 🙂

Fulfullment.com v.2

High Volume Worldwide E-Commerce Fulfillment | fulfillment.com

Had to revise a project when the API changed. 
Made it cloneable.

Pulls all NFTs from a Wallet Address from OpenSea marketplace, javascript only. CSS animation for when stuffs get pulled in. Fully style-able as is using a component from the Webflow DOM, with classes and everything accessible in WF.

Be aware that if using this in an actual project you will be safer going through the API KEY route.

👀

Discover api websites built by the Webflow community

Discover api websites built by the Webflow community