I%20publish%20functional%20%26%20interactive%20Webflow%20Cloneables%20%20%u2219%20Coaching%20designers%20learning%20Webflow%20%u2219%20Twitter%20@cedric_design
cedricmoore has 160 followers on Webflow.
delayed-page-transition
Hey%20guys%2C%0A%0Atoday%27s%20cloneable%20is%20a%20very%20very%20simple%20but%20useful%20one.%20If%20you%27d%20like%20to%20delay%20your%20page%20load%20after%20clicking%20on%20a%20button%20that%20leads%20to%20a%20new%20page%20for%20example%20and%20you%20want%20to%20add%20an%20animation%20in%20between%2C%20you%20can%20do%20this%20with%20the%20little%20custom%20code%20and%20Webflow%20Interactions%20that%20are%20used%20in%20this%20cloneable%20here.%20Hope%20you%20can%20use%20this%20in%20a%20future%20project%21%20%0A%0A%u2705%20100%25%20CSS%0A%u2705%20%20Custom%20Code%0A%uD83C%uDD93%20Cloneable%0A%0AFollow%20me%20for%20more%20Webflow%20freebies%20in%20the%20future%20%uD83D%uDC99
Tags:
- pageload
- delay
- animation
- interactions
- cloneable
- free
Visit Site
Conversational%20UI
Hey%20Webflow%20Fam%21%20%uD83D%uDC4B%uD83C%uDFFC%0A%0AWorked%20a%20while%20on%20this%20cloneable%20and%20was%20finally%20able%20to%20release%20it%21%20This%20sweet%20conversational%20user%20interface%20is%20a%20Webflow%20UI%20template%20that%20can%20be%20used%20to%20extend%20on%20longer%20interactive%20conversations.%20Currently%2C%20it%20has%202%20layers%2C%20more%20can%20be%20added%20pretty%20easily%20as%20you%20will%20see%20in%20the%20Webflow%20Designer%20Preview.%0A%0A%u2705%20100%25%20CSS%0A%u2705%20100%25%20Webflow%20Interactions%0A%u274C%20Custom%20Code%0A%uD83C%uDD93%20Cloneable%0A%0AFeel%20free%20to%20clone%20this%20and%20use%20it%20for%20your%20next%20project%21%20%u2728%0A%0A%uD83D%uDC40%20Need%20help%20learning%20Webflow%3F%20I%20offer%20Webflow%20coaching%20sessions%20where%20we%20step%20up%20your%20building%20game%21%20More%20information%20here%3A%20%0Ahttps%3A//www.cedric.design/coaching/webflow-coaching%0A%0A%uD83D%uDD25%20Need%20a%20Webflow%20website%3F%20%u2709%uFE0F%20hey@cedric.design
Tags:
- conversational
- interface
- cloneable
- clone
- interaction
- button
- interactive
- free
- freebie
- animation
- motion
- video
- backgroundvideo
- dark
- darkmode
- human
- uxui
Visit Site
2K22%20Folio
Just%20launched%20my%20new%20site.%20Wanted%20to%20have%20something%20really%20minimal%20and%20lightweight.%20Hope%20you%20like%20it%21%20%0A%0AWill%20be%20publishing%20new%20cloneables%20soon%21%20Follow%20to%20see%20as%20soon%20as%20they%20launch.%20%uD83C%uDF89
Tags:
- uiux
- interactions
- animation
- minimal
- cms
- portfolio
- monospace
- white
- orange
Visit Site
Reduzed%20-%20Rapid%20Design%20Accelerator
Reduzed%20is%20a%20high-quality%20design%20asset%20library%20and%20knowledge%20base%20to%20accelerate%20your%20design%20workflow.
Tags:
- ecommerce
- website
- products
- interactions
- animation
- design
- uiux
Visit Site
Link%20Lowdown
Took%20an%20hour%20of%20my%20Sunday%20to%20create%20this%20little%20link%20lowdown%20site.%20It%27s%20perfect%20to%20link%20it%20on%20social%20media%20profiles%20to%20get%20user%20leads%20to%20the%20right%20places.%20%0A%0A%u2705%20Native%20Interactions%0A%uD83D%uDCBE%20CMS%20driven%0A%u274C%20Custom%20Code%0A%uD83C%uDD93%20Cloneable%0A%0AFeel%20free%20to%20clone%20this%20and%20use%20it%20for%20yourself%20on%20your%20website%21%20%0A%0AFollow%20me%20for%20more%20Webflow%20freebies%20in%20the%20future%20%uD83D%uDC99%0A--%0ASignup%20for%20my%20newsletter%20to%20never%20miss%20a%20freebie%3A%20%0Ahttps%3A//cedricdesign.substack.com/
Tags:
- links
- template
- minimal
- freebie
- cloneable
- interactive
- linktree
- animation
- lottie
- bodymovin
- hovereffect
- interactions
- cms
Visit Site
Expanding%20Ambient%20Cards
Wanted%20to%20create%20something%20little%20experimental%20today%20and%20ended%20up%20with%20cards%20that%20expand%20on%20hover.%20Kinda%20nice%21%20Love%20the%20image%20masking%20effect%20which%20is%20just%20done%20with%20image%20fit%20to%20cover%20style%20natively%20in%20Webflow.%20%0A%0AFeel%20free%20to%20clone%20this%20and%20use%20it%20for%20your%20next%20project%21%20%u2728%0A%0A%u2705%20100%25%20Webflow%0A%u274C%20Custom%20Code%0A%uD83C%uDD93%20Cloneable%0A%0ALike%20this%20%26%20follow%20me%20for%20more%20Webflow%20cloneable%20in%20the%20future%20%uD83D%uDC99%0A%0ASignup%20for%20my%20newsletter%20to%20never%20miss%20anything%3A%20%0Ahttps%3A//cedricdesign.substack.com/
Tags:
- template
- cards
- freebie
- cloneable
- interactions
- animation
- teaser
- tiles
- expandable
- clone
- hover
- hovering
- hovereffect
- hovercard
Visit Site
Stylebook%20-%20Styleguide%20Template
Finally%20finished%20this%20sweet%20styleguide%20Webflow%20template.%20It%27s%20perfect%20to%20set%20up%20your%20basic%20styles%20for%20the%20most%20important%20elements%20in%20your%20next%20project%21%20%0A%0A%u2705%20100%25%20CSS%0A%u274C%20Custom%20Code%0A%uD83C%uDD93%20Cloneable%0A%0AFeel%20free%20to%20clone%20this%20and%20use%20it%20for%20your%20next%20project%21%20%u2728%0A%0AFollow%20me%20for%20more%20Webflow%20freebies%20in%20the%20future%20%uD83D%uDC99%0A%0ASignup%20for%20my%20newsletter%20to%20never%20miss%20a%20freebie%3A%20%0Ahttps%3A//cedricdesign.substack.com/
Tags:
- template
- styleguide
- basics
- forms
- colors
- button
- typography
- minimal
- free
- freebie
- cloneable
- interactive
- css3
Visit Site
Minimal%20Accordions
Hey%20NoCoders%21%0A%0AToday%27s%20freebie%20is%20a%20simple%2C%20but%20elegant%2C%20and%20interactive%20accordion%20component.%20Built%20this%20in%20a%20past%20project%20and%20wanted%20to%20share%20it%20with%20you.%0A%0A%u2705%20Native%20Interactions%0A%u274C%20Custom%20Code%0A%uD83C%uDD93%20Cloneable%0A%0AFeel%20free%20to%20clone%20this.%20Happy%20Webflow%27ing%u270C%uD83C%uDFFC%0A%0AFollow%20me%20for%20more%20%uD83D%uDC99
Tags:
- accordion
- interactions
- faqs
- black
- white
- cloneable
- free
- freebie
- minimal
- animation
- template
Visit Site
Fancy%20Password%20Page
It%27s%20freebie%20time%20again%21%20%uD83D%uDC99%20%0A%0AI%20created%20this%20fancy%20password%20page%20so%20that%20you%20don%27t%20have%20to.%20Also%20works%20on%20the%20default%20password%20page%20inside%20Webflow.%20Both%20versions%20included.%20%0A%0AWanted%20to%20play%20around%20with%20the%20backdrop%20filter%20in%20Webflow%20which%20is%20now%20native%20in%20Beta%20since%20the%20NCC%21%20%uD83D%uDE0D%0A%0AHit%20Like%20if%20you%20appreciate%20it%20and%20follow%20me%20for%20more%20freebies%20in%20the%20future%21%20%uD83D%uDC8E%20%0A%0ACheers%21
Tags:
- password
- protected
- animation
- interactions
- cloneable
- blur
- background
- backdropfilter
- cloneables
- freebie
Visit Site
Noisy%20Background%20Effect
Hey%20NoCoders%21%20%uD83D%uDC99%0A%0AJust%20a%20little%20pre-noCodeConf%20freebie%20you%20can%20use%20in%20your%20next%20project.%20%uD83C%uDF89%0A%0AIt%27s%20a%20nice%20noise%20background%20animation%20I%20used%20in%20several%20projects%20already%20which%20is%20completely%20done%20with%20CSS%20only.%0A%0AA%20quick%20tip%3A%20You%20can%20make%20the%20noise%20effect%20more%20visible%20by%20lighting%20up%20the%20body%20background%20color.%0A%0AIf%20you%20like%20this%20please%20follow%20me%20for%20more.%20I%20will%20publish%20a%20few%20cloneable%20projects%20every%20week%21%20%uD83D%uDC8E%0A%0ACheers%2C%0AC%E9dric
Tags:
- noise
- animation
- background
- customcss
- dark
- motion
- freebies
- cloneable
- free
- webdesign
Visit Site
Interactive%20Background%20Typography%20on%20Scroll
Today%27s%20freebie%20is%20a%20cool%20background%20typography%20effect%20that%20appears%20on%20scroll.%20%0A%0AHope%20you%20guys%20like%20it%21%20%0AFeel%20free%20to%20clone%20this%20and%20use%20it%20in%20your%20next%20project%21%20%uD83D%uDE03
Tags:
- typography
- animation
- parallax
- scroll
- scrolling
- scrollinganimations
- freebie
- cloneable
Visit Site
Slanted%20Sections
Today%27s%20Cloneable%20is%20a%20really%20small%20but%20neat%20custom%20code%20snippet%20to%20add%20slats%20to%20your%20sections%20very%20easily.%20%u2728%0A%0AI%20hope%20you%20enjoy%20this.%20For%20more%20freebies%20visit%20my%20page%3A%20webflow.com/cedricmoore%0A%0ACheers%20%26%20happy%20weekend%20%uD83D%uDC4B%uD83C%uDFFC
Tags:
- slanted
- sections
- custom%20code
- css
- clonable
- freebie
Visit Site
Interactive%20Corners%20Navigation
%u26A1%uFE0F%20Hover%20the%20navigation%20items%20in%20the%20corners%20%u26A1%uFE0F%0A%0AToday%27s%20freebie%20is%20a%20simple%20but%20elegant%20way%20of%20navigating%2C%20completly%20done%20with%20Webflow%20Interactions.%20Every%20navigation%20item%20reacts%20sticky%20to%20the%20mouse%20cursor%20and%20it%27s%20very%20pleasing%20on%20desktop.%20The%20concept%20is%20enough%20simple%20to%20also%20work%20on%20mobile%20devices.%20%0A%0AEnjoy%20%u2013%20Hope%20you%20like%20this%20one%21%20%uD83D%uDE03%0A%0ACheers%2C%0AC%E9dric
Tags:
- navigation
- interaction
- microinteraction
- animation
- hover
- effect
- ix2
- menu
- nav
- navmenu
- clonable
- freebie
Visit Site
Personal%20Website%20Updated
Same%20year%2C%20new%20me.%20Kinda.%20Wanted%20my%20website%20to%20be%20more%20minimal%20and%20simple%20so%20I%20created%20this%20onepager%20as%20my%20new%20online%20presence.%20%0A%0AHope%20you%20like%20it%21%20%0A%0ALike%20or%20follow%20me%20to%20stay%20in%20the%20loop%20for%20new%20freebies%20and%20projects%21
Tags:
- personal%20site
- portfolio
- motion
- minimal
- simple
- white%20space
- white
- animation
- webflow
- design
- mono
Visit Site
Call%20to%20Action%20Toggle
Hey%20Webflow%20fam%21%20%uD83D%uDC99%0A%0AToday%20I%20wanna%20share%20a%20special%20interactive%20component%20with%20you%20that%20I%20made%20for%20one%20of%20my%20previous%20personal%20websites.%20It%27s%20an%20interactive%20call-to-action%20toggle%20that%20expands%20into%20contact%20options.%20Perfect%20to%20put%20on%20the%20right%20bottom%20corner%20of%20your%20website%21%20%0A%0A%u26A1%uFE0F%20Interactions%20are%20completely%20done%20in%20Webflow%20Interactions%20without%20custom%20code.%20%0A%u2728%20The%20icon%20animations%20are%20made%20with%20Lottie.%20%0A%0AFeel%20free%20to%20use%20this%20in%20your%20projects%21%20%0A%0AIf%20you%20like%20this%20freebie%20share%20it%20with%20your%20Webflow%20friends%20and%20leave%20a%20follow%20or%20like%20to%20never%20miss%20a%20new%20freebie%21%20%uD83D%uDC8E%0A%0ACheers%2C%0AC%E9dric
Tags:
- calltoaction
- interaction
- toggle
- contact
- interactions2
- microinteraction
- details
- lottie
- bodymovin
Visit Site