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

In response to a Webflow forum post, I re-created the Vue.js Pink Clock found from the Codepen below by Luiz. Please note that a lot of the heavy lifting comes from the custom code section in the page. I'd recommend using a pre-loader of some sort to mask the time it takes for the script to execute.

Codepen: https://codepen.io/luizdemoraes/pen/eqoRLz?&page=2
Forum Post: https://forum.webflow.com/t/how-can-i-add-a-digital-clock-to-webflow/94975

Vue.js Clock

vue-js-clock

Welcome to the Alphi hybrid blog cloneable.

This cloneable is for those looking to use an external data source with Webflow while keeping the content pages indexable by search engines.

*This cloneable requires an active Alphi account

Summary

Home page
The home page includes a petite-vue component which fetches the blog posts on page load and displays the results.

Blog Post Template Page
The template page is what will be used by Alphi to render the page.

Features
- Dynamic page title, description & og image
- Ability to render lists (see tags)
- Attribute based

Attributes

ssr-for
Render a list of items based on an array. 
Syntax: item in items where items is the source data array and item is an alias for the array element being iterated on.

ssr-text 
Set the element's textContent property.

ssr-attr:src
Set the element's src property.

ssr-attr:href
Set the element's href property.


nocode-ssr

Hybrid Blog

What IF Web

Interns in Asia

RMv0YJlLOBe7cY7HgZ3Jox34R0Wrk7jLv3DZyBETA7I=

ZC8pa382rux3/Ya5JYmbaiFDJJqVQfa/ZkKRoDwNIOg=

zRYikcIlbF3Un7C26+4VGO/t8jKwNjjuAdQWLlZECTQ=

/zPeDB00QSmJg02UNPvvY6N+w7bL9XbOTmOZn0UHdA0=

9DmxyyZ8FEsc5DSKm/8DpcDu2e/GCLlCF0UJQCEBuSw=

Pesmw2FSIduSR93sJEVAEAHyJZ4MQP9Pbn1gPgXxcXw=

l+2HpTI8qsEqSoxz6Y8y+po4C4+PakSbBdZ2Wp0L/Zk=

p8RKstqTUsFv0yM8P1EiWUksDkzfBxAw5OAvX/lo29w=

xdTyVT3ZuBSNWCl2NPxJ8eZ0ifhUzatwezSwUElWFy0=

Best Vue Website Examples & Free Designs

Discover vue websites built by the Webflow community

Discover vue websites built by the Webflow community