UI%20%26%20product%20design%2C%20front-end%20developer.%20co-creator%20of%20@SpreadShareCo
sidneyottelohe has 796 followers on Webflow.
Responsive%20Screenshots
Hi%20folks%21%20I%20just%20launched%20this%20tool%20on%20Product%20Hunt%2C%20it%20allows%20you%20to%20grab%20screenshots%20from%20various%20viewports%20at%20once%2C%20preview%20or%20download%20them.%0A%0AI%20built%20everything%20in%20Webflow%20first%20so%20I%20thought%20to%20share%20the%20project%20with%20all%20the%20styles%20and%20components.%0A%0ALive%20Link%3A%20https%3A//responsive-screenshots.com%0APH%20Link%3A%20https%3A//www.producthunt.com/posts/responsive-screenshots
Tags:
Visit Site
Webflow%20+%20React
This%20is%20a%20quick%20example%20showing%20it%20is%20possible%20to%20add/integrate%20React%20Components%20into%20your%20existing%20Webflow%20sites.%0A%0AHow%20I%20did%20this%3A%0A-%20I%20first%20created%20a%20static%20component%20with%20all%20the%20elements%20and%20styles%0A-%20Published%20the%20site%20and%20copied%20the%20component%27s%20HTML%20from%20the%20live%20site%0A-%20Converted%20the%20HTML%20into%20JSX%20with%20http%3A//magic.reactjs.net/htmltojsx.htm%0A-%20Coded%20a%20quick%20todo%20app%20functionality%20and%20retrofitted%20the%20generated%20JSX%0A-%20Placed%20a%20div%20on%20the%20page%20where%20the%20React%20Component%20needs%20to%20render%0A%0A%28It%27s%20a%20good%20idea%20to%20keep%20the%20static%20components%20alive%20on%20a%20separate%20page%20somewhere%20for%20when%20you%20want%20to%20update%20the%20styles%20etc%29%0A%0AThat%27s%20it%3B%20you%20now%20have%20a%20React%20Component%20using%20Webflow%20generated%20styles%21
Tags:
Visit Site
Multi-Step%20Form
Experimental%20multi-step%20form%20created%20with%20the%20Webflow%20slider%20component.%0A%0AClone-away%21
Tags:
- multi-step%20form
- webflow
Visit Site
Isotope%20Search%20%26%20Filter%20+%20Webflow%20CMS
Filter%20and%20Search%20Dynamic%20Collections%20using%20Isotope.
Tags:
- isotope
- search
- filtering
- webflowcms
Visit Site
Animated%20Toggle%20Switch
I%20had%20some%20fun%20turning%20the%20Webflow%20Checkbox%20component%20into%20an%20animated%20Toggle%20Switch%2C%20using%20only%20Webflow%20Interactions.
Tags:
- toggle
- interactions
- user%20interface
- animated
Visit Site
Web%20Design%20Proposal%20Generator
Easily%20Create%20Web%20Design%20Proposals%20for%20your%20clients.
Tags:
- proposal
- webdesign
- ui%20design
- responsive%20design
Visit Site
Pure%20CSS%20Apple%20Keyboard
Another%20fun%20project%20today%2C%0A%0AThis%20Apple%20Keyboard%20is%20purely%20made%20out%20of%20html%20elements%20and%20css%20using%20Webflow%0A%0A%0Aps%3A%20I%20Love%20Feedback%21
Tags:
Visit Site