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

Orange Cattle

Real-time data w/ Chart.js in Webflow using a simple Google Sheet as your back-end.

Google Sheets as a Backend

Andreas Vejnø Andersen

Add your YouTube Playlist to your Webflow site. No need for the CMS or any API keys. You can customize everything with Custom Attributes and native Webflow styling. The first item on the list is used as the template for ease video Items.

youtube-playlist

Memberstack

Happy Wednesday! I have an exciting new freebie from the Memberstack team here 🎉

TLDR: it's a working onboarding checklist! It comes with all the code you need in the site settings + a full tutorial video on the page. 

All of the UI is 100% Webflow, so you can adapt this to create a customizable onboarding checklist that tracks the user's progress and provides a great user experience. You just need Memberstack to keep track of the progress. 

Works with static pages AND CMS pages too. Tried to make it as flexible as possible. Each item in the checklist corresponds with a page, and each page has an "action" which can be completed. 

There's a mix of Webflow interaction and custom code to get everything working smoothly, so if you're not sure how to code I recommend watching the loom video. It will show you everything you need to know. 

If you have any questions or feature requests please leave a comment in the Loom video. I will get back to you.

Onboarding Checklist & To Do List

Asger Krause

Updated portfolio: Dark– / Light mode compatible

—

I am a self-taught multidisciplinary designer (based on curiosity) — working within the field of strategic business development. I strive to define and solve my client's issues and optimize their commercial existence by diligently focusing on creating a highly converting outcome for my client's business and their user's needs.

Design is all about solving a problem — that can only happen with a strategic approach to every decision. I'm designing and developing based on breaking down business objections and user needs. That will always make a converting result that provides happy customers for your users and a strong visual presence for your brand.

My competencies combine business strategy, digital development, and design, making me capable of creating truly innovative solutions for businesses to thrive in a competitive market.

Krause Studio™ (Dark-mode compatible)

Artemii Lebedev

"An artist who aspired to be a designer and a designer who aspired to be an artist."

I finally got to my portfolio and completely redesigned it to the state that suits me. So right now website is fully available. 

Awwwards, FWA, CSS Design Awards, Behance - soon. 
Cheers!

Artemii Lebedev, Portfolio 2023

Brandon Hampton

My new portfolio that I designed from scratch. I had a lot of fun creating the animations and scroll effects!

Brandon Hampton Portfolio

Web Bae

Here's a little cloneable that showcases a technique to copy/paste Webflow components as JSON so you can build your own component library!

How To Build Your Own Component Library

Once your member signs up, show them something (such as a coupon code, welcome screen, waiting screen, or anything you want) for a set duration after they have signed up. 

This is saved in JSON, so it cannot be overridden.

Show Element For X Duration After Signup | MemberScript #27 & #28

Today (July 18), Memberstack is live on Product Hunt!

And, for the occasion, we made this free Product Hunt launch checklist - it doesn't only work as a great resource, it also has a working, member JSON based checklist, previous and next buttons for tabs, and some more cool stuff!

Support us on Product Hunt and get one month free Basic Plan ($29) at this link: https://www.producthunt.com/products/memberstack

Product Hunt Checklist

Lynn Paik

Website for communication design studio focusing on spatial experiences.

studiopaik

Add a dark mode switch to your sites that not only stays across pages, but also across sessions, browsers, and even devices!

If a visitor is logged in, this script will save their preference to their account, and then load that every time they open your site on any device.

The code for this is located in the sitewide settings.

Persistent Cross-Device Dark Mode

Create a totally private to-do list (or literally anything) by creating and updating Member JSON using easy-to-use attribute based scripts!

JSON Based To-Do List | MemberScripts Demo #12, #13, #14, & #15

Cheeky Little

This is a website I designed for the preschool tv series Kangaroo Beach! I took advantage of a variety of features in webflow to make a site that was fun for kids to use. Hope you enjoy it!

Kangaroo Beach TV Series Official Website

Growth Web

Explore the differences between JSON and .dotLottie file formats for Lottie animations in this interactive Webflow showcase. Dive into a side-by-side comparison, learn about the advantages and limitations of each format, and discover which one is best suited for your next project. Featuring examples, performance insights, and an easy-to-understand breakdown, this showcase is a must-visit for web designers looking to level up their animation game. #Webflow #LottieAnimations #JSON #dotLottie

Lottie File Formats Compared: JSON vs .dotLottie

Show your members when their plan expires (or any other date for that matter) using MemberScript #47!

Display Date From Member JSON (Plan Expiration Date)

Interface Multimedia

The High Road Foundation advocates for monorail within Montgomery County, Maryland and across the United States to support the goals of conservation, traffic congestion relief, economic development and to advance the emerging technology of Autonomous Vehicles.

The High Road Foundation

Orizon

Designing and implementing an engaging platform where users can earn tokens, redeem rewards, own digital memorabilia, collect NFT drops.

Dropverse web3 NFT showcase

Phunk Creative

Phunk Creative presents an extraordinary webflow project that seamlessly merges creativity and technology, giving life to Enerjyhub's online presence. Enerjyhub, the secure Engineering Supplier Portal utilized by Jaguar Land Rover and its partners, takes center stage, revolutionizing vehicle program delivery. Prepare to be captivated as we unveil the remarkable features that have redefined supplier relationships.

With dynamic hover states, scroll interactions, and custom lottie animations, Enerjyhub's website is immersive and interactive.

Discover json websites built by the Webflow community

Discover json websites built by the Webflow community