User-Interface designer with a passion for product, user-experience and technology. co-creator of @SpreadShareCo
sidneyottelohe has 352 followers on Webflow.
Pure CSS Apple Keyboard
Another fun project today,
This Apple Keyboard is purely made out of html elements and css using Webflow
ps: I Love Feedback!
Tags:
Visit Site
Web Design Proposal Generator
Easily Create Web Design Proposals for your clients.
Tags:
- proposal
- webdesign
- ui design
- responsive design
Visit Site
Multi-Step Form
Experimental multi-step form created with the Webflow slider component.
Clone-away!
Tags:
Visit Site
SpreadShare
"Explore Community-curated spreadsheets for startups and professionals."
Hey guys!
This is a personal project I've been working on for the last 3 weeks,
it has a few interesting things going on that we managed to hack together and we're currently adding a up-vote feature that should be live in the next few hours or so, stay tuned!
All feedback is really appreciated!
PS: We just got hunted on Product Hunt, please leave a vote if you like what we're doing! URL: https://www.producthunt.com/posts/spreadshare
Tags:
- product
- ui design
- user interface
- user experience
- product hunt
Visit Site
WF Dashboard Concept
Fun Project: Webflow Dashboard Concept =)
It's not 100% complete as it was (a lot) more time consuming then I originally thought.
Tags:
- ui design
- dashboard
- webflow
Visit Site
Isotope Search & Filter + Webflow CMS
Filter and Search Dynamic Collections using Isotope.
Tags:
- isotope
- search
- filtering
- webflowcms
Visit Site
Type Effect Tutorial
This is a mini-tutorial on how to integrate Typed.js in Webflow.
Tags:
Visit Site
Webflow + React
This is a quick example showing it is possible to add/integrate React Components into your existing Webflow sites.
How I did this:
- I first created a static component with all the elements and styles
- Published the site and copied the component's HTML from the live site
- Converted the HTML into JSX with http://magic.reactjs.net/htmltojsx.htm
- Coded a quick todo app functionality and retrofitted the generated JSX
- Placed a div on the page where the React Component needs to render
(It's a good idea to keep the static components alive on a separate page somewhere for when you want to update the styles etc)
That's it; you now have a React Component using Webflow generated styles!
Tags:
Visit Site
Animated Toggle Switch
I had some fun turning the Webflow Checkbox component into an animated Toggle Switch, using only Webflow Interactions.
Tags:
- toggle
- interactions
- user interface
- animated
Visit Site