We%20develop%20websites%20and%20software%20prototypes%20for%20companies.%20We%27re%20currently%20building%20the%201st%20feature-length%20game%20based%20on%20Lord%20of%20the%20Rings.
protocore has 1072 followers on Webflow.
Protocore%20%u2022%20Product%20Design%20Studio
Protocore%20is%20a%20product%20design%20studio%20that%20develops%20jaw-dropping%20websites%2C%20prototypes%2C%20and%20cloneables%20for%20makers%20around%20the%20world.%0A%0AOur%20website%20is%20an%20homage%20to%20the%20MacOS.%20We%20lovingly%20converted%20numerous%20Mac%20apps%20into%20native%20web%20apps%20in%20Webflow%20powered%20by%20F%27insweet%27s%20Attributes%20and%20a%20sprinkle%20of%20custom%20code%20to%20tell%20our%20story.%20These%20apps%20and%20much%20more%20will%20be%20cloneable%20soon.%0A%0AContact%20hello@protocore.co%20to%20bring%20your%20vision%20to%20life.%0A%0A%u2022%u2022%u2022%u2022%u2022%u2022%u2022%u2022%u2022%u2022%u2022%u2022%u2022%u2022%u2022%u2022%u2022%u2022%u2022%u2022%u2022%u2022%u2022%u2022%u2022%u2022%u2022%u2022%u2022%u2022%0A%0A%uD835%uDDEA%uD835%uDDF2%27%uD835%uDDFF%uD835%uDDF2%20%uD835%uDDF0%uD835%uDE02%uD835%uDDFF%uD835%uDDFF%uD835%uDDF2%uD835%uDDFB%uD835%uDE01%uD835%uDDF9%uD835%uDE06%20%uD835%uDDF1%uD835%uDDF2%uD835%uDE03%uD835%uDDF2%uD835%uDDF9%uD835%uDDFC%uD835%uDDFD%uD835%uDDF6%uD835%uDDFB%uD835%uDDF4%20%uD835%uDE01%uD835%uDDF5%uD835%uDDF2%20%uD835%uDDF3%uD835%uDDF6%uD835%uDDFF%uD835%uDE00%uD835%uDE01%20%uD835%uDDF3%uD835%uDDF2%uD835%uDDEE%uD835%uDE01%uD835%uDE02%uD835%uDDFF%uD835%uDDF2-%uD835%uDDF9%uD835%uDDF2%uD835%uDDFB%uD835%uDDF4%uD835%uDE01%uD835%uDDF5%20%uD835%uDDEA%uD835%uDDF2%uD835%uDDEF%uD835%uDDF3%uD835%uDDF9%uD835%uDDFC%uD835%uDE04%20%uD835%uDDF4%uD835%uDDEE%uD835%uDDFA%uD835%uDDF2%20%uD835%uDDEF%uD835%uDDEE%uD835%uDE00%uD835%uDDF2%uD835%uDDF1%20%uD835%uDDFC%uD835%uDDFB%20%uD835%uDDDF%uD835%uDDFC%uD835%uDDFF%uD835%uDDF1%20%uD835%uDDFC%uD835%uDDF3%20%uD835%uDE01%uD835%uDDF5%uD835%uDDF2%20%uD835%uDDE5%uD835%uDDF6%uD835%uDDFB%uD835%uDDF4%uD835%uDE00%20%uD835%uDDEE%uD835%uDDFB%uD835%uDDF1%20%uD835%uDDF0%uD835%uDDFC%uD835%uDDFB%uD835%uDE03%uD835%uDDF2%uD835%uDDFF%uD835%uDE01%uD835%uDDF6%uD835%uDDFB%uD835%uDDF4%20%uD835%uDE01%uD835%uDDF5%uD835%uDDF2%20%uD835%uDDE3%uD835%uDDE6%uD835%uDFF1%20%uD835%uDDF6%uD835%uDDFB%uD835%uDE01%uD835%uDDFC%20%uD835%uDDEE%20%uD835%uDDF0%uD835%uDDF9%uD835%uDDFC%uD835%uDDFB%uD835%uDDF2%uD835%uDDEE%uD835%uDDEF%uD835%uDDF9%uD835%uDDF2%21%0A%0A%uD835%uDDE3%uD835%uDDF9%uD835%uDDF2%uD835%uDDEE%uD835%uDE00%uD835%uDDF2%20%uD835%uDDF3%uD835%uDDFC%uD835%uDDF9%uD835%uDDF9%uD835%uDDFC%uD835%uDE04%20%uD835%uDE02%uD835%uDE00%20%uD835%uDDFC%uD835%uDDFB%20%uD835%uDDEA%uD835%uDDF2%uD835%uDDEF%uD835%uDDF3%uD835%uDDF9%uD835%uDDFC%uD835%uDE04%20%uD835%uDDEE%uD835%uDDFB%uD835%uDDF1%20%uD835%uDDEF%uD835%uDDF2%uD835%uDE06%uD835%uDDFC%uD835%uDDFB%uD835%uDDF1%20%uD835%uDE01%uD835%uDDFC%20%uD835%uDE00%uD835%uDE01%uD835%uDDEE%uD835%uDE06%20%uD835%uDDF6%uD835%uDDFB%20%uD835%uDE01%uD835%uDDF5%uD835%uDDF2%20%uD835%uDDF9%uD835%uDDFC%uD835%uDDFC%uD835%uDDFD...%0A%0A%u25C9%20%uD835%uDDEA%uD835%uDDF2%uD835%uDDEF%uD835%uDE00%uD835%uDDF6%uD835%uDE01%uD835%uDDF2%20-%20www.protocore.co%0A%u25C9%20%uD835%uDDE7%uD835%uDE04%uD835%uDDF6%uD835%uDE01%uD835%uDE01%uD835%uDDF2%uD835%uDDFF%20-%20www.twitter.com/theprotocore%0A%u25C9%20%uD835%uDDDC%uD835%uDDFB%uD835%uDE00%uD835%uDE01%uD835%uDDEE%uD835%uDDF4%uD835%uDDFF%uD835%uDDEE%uD835%uDDFA%20-%20www.instagram.com/theprotocore
Tags:
- protocore
- product%20design
- studio
- website
Visit Site
Protocore%20%u2192%20404%20in%20100%20Languages
This%20404%20page%20designed%20by%20Sarkis%20Buniatyan%20apologizes%20in%20100%20languages.%20It%20is%20used%20across%20all%20of%20our%20projects.%0A%0A%u2022%u2022%u2022%u2022%u2022%u2022%u2022%u2022%u2022%u2022%u2022%u2022%u2022%u2022%u2022%u2022%u2022%u2022%u2022%u2022%u2022%u2022%u2022%u2022%u2022%u2022%u2022%u2022%u2022%u2022%0A%0A%uD835%uDDE3%uD835%uDDFF%uD835%uDDFC%uD835%uDE01%uD835%uDDFC%uD835%uDDF0%uD835%uDDFC%uD835%uDDFF%uD835%uDDF2%20%uD835%uDDF6%uD835%uDE00%20%uD835%uDDEE%20%uD835%uDDFD%uD835%uDDFF%uD835%uDDFC%uD835%uDDF1%uD835%uDE02%uD835%uDDF0%uD835%uDE01%20%uD835%uDDF1%uD835%uDDF2%uD835%uDE00%uD835%uDDF6%uD835%uDDF4%uD835%uDDFB%20%uD835%uDE00%uD835%uDE01%uD835%uDE02%uD835%uDDF1%uD835%uDDF6%uD835%uDDFC%20%uD835%uDE01%uD835%uDDF5%uD835%uDDEE%uD835%uDE01%20%uD835%uDDF0%uD835%uDDFF%uD835%uDDF2%uD835%uDDEE%uD835%uDE01%uD835%uDDF2%uD835%uDE00%20%uD835%uDDFA%uD835%uDDEE%uD835%uDDF4%uD835%uDDF6%uD835%uDDF0%20%uD835%uDDF3%uD835%uDDFC%uD835%uDDFF%20%uD835%uDDF0%uD835%uDDFC%uD835%uDDFA%uD835%uDDFD%uD835%uDDEE%uD835%uDDFB%uD835%uDDF6%uD835%uDDF2%uD835%uDE00%20%uD835%uDDEE%uD835%uDDFB%uD835%uDDF1%20%uD835%uDDFA%uD835%uDDEE%uD835%uDDF8%uD835%uDDF2%uD835%uDDFF%uD835%uDE00%20%uD835%uDDEE%uD835%uDDFF%uD835%uDDFC%uD835%uDE02%uD835%uDDFB%uD835%uDDF1%20%uD835%uDE01%uD835%uDDF5%uD835%uDDF2%20%uD835%uDE04%uD835%uDDFC%uD835%uDDFF%uD835%uDDF9%uD835%uDDF1.%20%uD835%uDDD6%uD835%uDDFC%uD835%uDDFB%uD835%uDE01%uD835%uDDEE%uD835%uDDF0%uD835%uDE01%20%uD835%uDDF5%uD835%uDDF2%uD835%uDDF9%uD835%uDDF9%uD835%uDDFC@%uD835%uDDFD%uD835%uDDFF%uD835%uDDFC%uD835%uDE01%uD835%uDDFC%uD835%uDDF0%uD835%uDDFC%uD835%uDDFF%uD835%uDDF2.%uD835%uDDF0%uD835%uDDFC%20%uD835%uDDF3%uD835%uDDFC%uD835%uDDFF%20%uD835%uDDF6%uD835%uDDFB%uD835%uDDFE%uD835%uDE02%uD835%uDDF6%uD835%uDDFF%uD835%uDDF6%uD835%uDDF2%uD835%uDE00.%20%uD835%uDDDC%uD835%uDDF3%20%uD835%uDE01%uD835%uDDF5%uD835%uDDF6%uD835%uDE00%20%uD835%uDDFD%uD835%uDDFF%uD835%uDDFC%uD835%uDDF7%uD835%uDDF2%uD835%uDDF0%uD835%uDE01%20%uD835%uDDF6%uD835%uDDFB%uD835%uDE00%uD835%uDDFD%uD835%uDDF6%uD835%uDDFF%uD835%uDDF2%uD835%uDDF1%20%uD835%uDE06%uD835%uDDFC%uD835%uDE02%2C%20%uD835%uDDFD%uD835%uDDF9%uD835%uDDF2%uD835%uDDEE%uD835%uDE00%uD835%uDDF2%20%uD835%uDDF3%uD835%uDDFC%uD835%uDDF9%uD835%uDDF9%uD835%uDDFC%uD835%uDE04%20%uD835%uDE02%uD835%uDE00%20%uD835%uDDFC%uD835%uDDFB%20%uD835%uDE01%uD835%uDE04%uD835%uDDF6%uD835%uDE01%uD835%uDE01%uD835%uDDF2%uD835%uDDFF.%uD835%uDDF0%uD835%uDDFC%uD835%uDDFA/%uD835%uDE01%uD835%uDDF5%uD835%uDDF2%uD835%uDDFD%uD835%uDDFF%uD835%uDDFC%uD835%uDE01%uD835%uDDFC%uD835%uDDF0%uD835%uDDFC%uD835%uDDFF%uD835%uDDF2
Tags:
- protocore
- 404
- interaction
Visit Site
Protocore%20%u2192%20Style%20Guide
We%20designed%20this%20style%20guide%20to%20help%20clients%20and%20makers%20develop%20deeper%20relationships%20with%20their%20projects.%20It%20lays%20out%20all%20the%20elements%2C%20tools%2C%20components%2C%20and%20resources%20used%20to%20develop%20them.%0A%0AEach%20chapter%20begins%20with%20a%20summary%20and%20some%20include%20tutorials%20from%20the%20top%20makers%20in%20our%20community%20to%20help%20reinforce%20you%20further.%20It%27s%20based%20on%20the%20Client-First%20methodology%20by%20Finsweet.%0A%0A%u2022%u2022%u2022%u2022%u2022%u2022%u2022%u2022%u2022%u2022%u2022%u2022%u2022%u2022%u2022%u2022%u2022%u2022%u2022%u2022%u2022%u2022%u2022%u2022%u2022%u2022%u2022%u2022%u2022%u2022%0A%0A%uD835%uDDE3%uD835%uDDFF%uD835%uDDFC%uD835%uDE01%uD835%uDDFC%uD835%uDDF0%uD835%uDDFC%uD835%uDDFF%uD835%uDDF2%20%uD835%uDDF6%uD835%uDE00%20%uD835%uDDEE%20%uD835%uDDFD%uD835%uDDFF%uD835%uDDFC%uD835%uDDF1%uD835%uDE02%uD835%uDDF0%uD835%uDE01%20%uD835%uDDF1%uD835%uDDF2%uD835%uDE00%uD835%uDDF6%uD835%uDDF4%uD835%uDDFB%20%uD835%uDE00%uD835%uDE01%uD835%uDE02%uD835%uDDF1%uD835%uDDF6%uD835%uDDFC%20%uD835%uDE01%uD835%uDDF5%uD835%uDDEE%uD835%uDE01%20%uD835%uDDF0%uD835%uDDFF%uD835%uDDF2%uD835%uDDEE%uD835%uDE01%uD835%uDDF2%uD835%uDE00%20%uD835%uDDFA%uD835%uDDEE%uD835%uDDF4%uD835%uDDF6%uD835%uDDF0%20%uD835%uDDF3%uD835%uDDFC%uD835%uDDFF%20%uD835%uDDF0%uD835%uDDFC%uD835%uDDFA%uD835%uDDFD%uD835%uDDEE%uD835%uDDFB%uD835%uDDF6%uD835%uDDF2%uD835%uDE00%20%uD835%uDDEE%uD835%uDDFB%uD835%uDDF1%20%uD835%uDDFA%uD835%uDDEE%uD835%uDDF8%uD835%uDDF2%uD835%uDDFF%uD835%uDE00%20%uD835%uDDEE%uD835%uDDFF%uD835%uDDFC%uD835%uDE02%uD835%uDDFB%uD835%uDDF1%20%uD835%uDE01%uD835%uDDF5%uD835%uDDF2%20%uD835%uDE04%uD835%uDDFC%uD835%uDDFF%uD835%uDDF9%uD835%uDDF1.%20%uD835%uDDD6%uD835%uDDFC%uD835%uDDFB%uD835%uDE01%uD835%uDDEE%uD835%uDDF0%uD835%uDE01%20%uD835%uDDF5%uD835%uDDF2%uD835%uDDF9%uD835%uDDF9%uD835%uDDFC@%uD835%uDDFD%uD835%uDDFF%uD835%uDDFC%uD835%uDE01%uD835%uDDFC%uD835%uDDF0%uD835%uDDFC%uD835%uDDFF%uD835%uDDF2.%uD835%uDDF0%uD835%uDDFC%20%uD835%uDDF3%uD835%uDDFC%uD835%uDDFF%20%uD835%uDDF6%uD835%uDDFB%uD835%uDDFE%uD835%uDE02%uD835%uDDF6%uD835%uDDFF%uD835%uDDF6%uD835%uDDF2%uD835%uDE00.%20%uD835%uDDDC%uD835%uDDF3%20%uD835%uDE01%uD835%uDDF5%uD835%uDDF6%uD835%uDE00%20%uD835%uDDFD%uD835%uDDFF%uD835%uDDFC%uD835%uDDF7%uD835%uDDF2%uD835%uDDF0%uD835%uDE01%20%uD835%uDDF6%uD835%uDDFB%uD835%uDE00%uD835%uDDFD%uD835%uDDF6%uD835%uDDFF%uD835%uDDF2%uD835%uDDF1%20%uD835%uDE06%uD835%uDDFC%uD835%uDE02%2C%20%uD835%uDDFD%uD835%uDDF9%uD835%uDDF2%uD835%uDDEE%uD835%uDE00%uD835%uDDF2%20%uD835%uDDF0%uD835%uDDFC%uD835%uDDFB%uD835%uDE00%uD835%uDDF6%uD835%uDDF1%uD835%uDDF2%uD835%uDDFF%20%uD835%uDDF9%uD835%uDDF6%uD835%uDDF8%uD835%uDDF6%uD835%uDDFB%uD835%uDDF4%20%uD835%uDDF6%uD835%uDE01%20%uD835%uDDEE%uD835%uDDFB%uD835%uDDF1%20%uD835%uDDF3%uD835%uDDFC%uD835%uDDF9%uD835%uDDF9%uD835%uDDFC%uD835%uDE04%uD835%uDDF6%uD835%uDDFB%uD835%uDDF4%20%uD835%uDE02%uD835%uDE00%20%uD835%uDDFC%uD835%uDDFB%20%uD835%uDDEA%uD835%uDDF2%uD835%uDDEF%uD835%uDDF3%uD835%uDDF9%uD835%uDDFC%uD835%uDE04%20%uD835%uDDEE%uD835%uDDFB%uD835%uDDF1%20%uD835%uDE01%uD835%uDE04%uD835%uDDF6%uD835%uDE01%uD835%uDE01%uD835%uDDF2%uD835%uDDFF.%uD835%uDDF0%uD835%uDDFC%uD835%uDDFA/%uD835%uDE01%uD835%uDDF5%uD835%uDDF2%uD835%uDDFD%uD835%uDDFF%uD835%uDDFC%uD835%uDE01%uD835%uDDFC%uD835%uDDF0%uD835%uDDFC%uD835%uDDFF%uD835%uDDF2
Tags:
Visit Site
Element%20%u2192%20Apple%20Parallax
Thought%20I%27d%20spice%20up%20Apple%27s%20event%20a%20bit%20%3A%29
Tags:
- protocore
- element
- cloneable
- apple
- interaction
Visit Site
Element%20%u2192%20Ring%20of%20Power
We%20are%20developing%20the%20first%20feature%20length%20game%20in%20Webflow%20based%20on%20Lord%20of%20the%20Rings%20called%20Memories%20of%20Middle-Earth.%20Enjoy%20this%20teaser%20and%20follow%20our%20progress%20on%20Twitter%20as%20we%20build%20in%20public.%0A%0Ahttps%3A//twitter.com/SarkisBuniatyan/status/1431262516596727813%0A%0A%22...ash%20nazg%20thrakatul%FBk%20agh%20burzum-ishi%20krimpatul...%20One%20Ring%20to%20rule%20them%20all%2C%20One%20Ring%20to%20find%20them%2C%20One%20Ring%20to%20bring%20them%20all%20and%20in%20the%20darkness%20bind%20them...%22
Tags:
- lordoftherings
- photomask
- effect
Visit Site
Element%20%20%u2192%20Lightspeed%20Effect
Inspired%20by%20www.nova.app
Tags:
- nova
- app
- lightspeed
- video
- effect
Visit Site
Protocore%20Original%20%u2192%20%20Zoom%20Redesign
Webflow%20launched%20Maker%20Day%2C%20a%2024%20hour%20remote%20design-a-thon%20aimed%20at%20creating%20a%20working%20website%20or%20prototype.%0A%0ASo%20I%20redesigned%20and%20prototyped%20Zoom%20and%20placed%20it%20within%20a%20sneak%20peek%20of%20my%20upcoming%20rebuild%20of%20MacOS%20Big%20Sur.%20Clone.%20Learn.%20Enjoy%21%0A%0AWatch%20My%20Demo%20-%20https%3A//youtu.be/pDT2VG1jPfQ
Tags:
- wwtour
- makerday
- product
- prototype
- zoom
- video
Visit Site
Rebuild%20%u2192%20Civilization%20VI
SMALL%20STEP%20FOR%20CIVILIZATION%2C%20GIANT%20STEP%20FOR%20NOCODE%0A%0ANocode%20tools%20are%20often%20viewed%20as%20primitive%20website%20builders.%20So%20I%20rebuilt%20Civilization%20VI%20and%20published%20the%20largest%20Webflow%20project%20ever%20featuring%2012%2C400%20elements%2C%201%2C800%20styles%2C%201%2C200%20assets%2C%20and%20400%20interactions.%0A%0AThis%20prototype%20is%20a%20loving%20tribute%20to%20Sid%20Meier%20and%20one%20of%20my%20favorite%20games%20of%20all%20time.%20I%27ve%20integrated%20all%2046%20leaders%20along%20with%20their%20soundtracks%20and%20nearly%20every%20feature%20in%20the%20game.%0A%0AThe%20project%20stands%20at%20a%20whooping%20124GB%21%20The%20next%20time%20someone%20tries%20to%20dismiss%20nocode%20or%20asks%20you%20what%27s%20possible%2C%20just%20ping%20them%20this%20link%20%3A%29%0A%0ACivilization.webflow.io%0A%0AMasterclass%20-%20https%3A//youtu.be/Ma7Cl5_eSJc%0A%0A%0A********************************************************************%0A%0A%0AI%20develop%20advanced%20software%20prototypes%20and%20MVPs%20for%20companies.%20If%20you%20would%20like%20to%20bring%20your%20ideas%20to%20life%20within%20hours%2C%20hit%20me%20up%20%3A%29%0A%0AI%27m%20on%20a%20mission%20to%20unlock%20and%20share%20the%20full%20potential%20of%20nocode%20tools.%0A%0AFollow%20my%20journey%20%uD83D%uDC49%20twitter.com/sarkisbuniatyan
Tags:
- civilization
- sidmeier
- prototype
- rebuild
- firaxis
- game
- nocode
Visit Site
Rebuild%20%u2192%20Apple%20Notes%201.0
I%27ve%20rebuilt%20Apple%27s%20Notes%20app%2C%20hooked%20up%20the%20CMS%2C%20and%20integrated%20Zapier%20to%20enable%20users%20to%20automatically%20publish%20new%20notes.%20This%20is%20a%20small%20taste%20of%20the%20rebuild%20of%20the%20complete%20MacOS%20coming%20soon.%20Fun%20facts...%0A%0A-%20I%20integrated%20the%20native%20iOS%20gaussian%20blur%20effect.%0A%0A-%20Added%20a%20custom%20CMS%20counter%20to%20display%20how%20many%20notes%20there%20are.%0A%0A-%20Used%20code%20to%20submit%20notes%20when%20you%20press%20Enter%20in%20the%20text%20area.%0A%0A-%20Built%20this%20in%20one%20day.%0A%0A-%20Up%20next%2C%20I%27m%20rebuilding%20Sid%20Meier%27s%20Civilization%20VI.%0A%0A%u2043%u2043%u2043%u2043%u2043%u2043%u2043%u2043%u2043%u2043%u2043%u2043%u2043%u2043%u2043%u2043%u2043%u2043%u2043%u2043%u2043%u2043%u2043%u2043%u2043%u2043%u2043%u2043%u2043%u2043%u2043%u2043%u2043%u2043%u2043%u2043%u2043%u2043%u2043%u2043%u2043%u2043%u2043%u2043%u2043%u2043%u2043%u2043%u2043%u2043%u2043%u2043%u2043%u2043%u2043%u2043%u2043%u2043%0A%0AI%20develop%20websites%20and%20advanced%20software%20prototypes%20for%20companies.%20If%20you%20would%20like%20to%20bring%20your%20ideas%20to%20life%20within%20hours%2C%20hit%20me%20up%20%3A%29
Tags:
- apple
- ios
- notes
- app
- rebuild
- cloneable
- zapier
Visit Site
Rebuild%20%u2192%20Photoshop%20Updates
A%20quick%20rebuild%20of%20the%20What%27s%20New%20screen%20in%20Photoshop.%0A%0AI%20love%20how%20Adobe%20catches%20you%20up.
Tags:
- adobe
- photoshop
- rebuild
- cloneable
Visit Site
Rebuild%20%u2192%20Bubble.io
I%20rebuilt%20Bubble.io%20responsively%20within%20two%20hours%20to%20demonstrate%20how%20efficient%20Webflow%20is%20and%20create%20an%20educational%20resource%20for%20everyone.
Tags:
- bubble
- rebuild
- cloneable
- responsive
- website
- sako
Visit Site
Rebuild%20%u2192%20Squarespace.com
I%20rebuilt%20Squarespace%27s%20website%20for%20desktop%20during%20my%20free%20time%20in%20a%20couple%20of%20days%20and%20it%20can%20easily%20be%20adjusted%20for%20mobile.%20The%20beauty%20of%20Webflow%20is%20that%20it%20doesn%27t%20dictate%20anything.%20It%27s%20an%20open%20canvas%20and%20you%20can%20create%20anything.%20Even%20Webflow%27s%20own%20website%20and%20builder%20if%20you%20wanted%20to.%20That%27s%20the%20future%21%20I%20wonder%20if%20you%20can%20do%20that%20on%20Squarespace%20%uD83E%uDD14%0A%0AI%20develop%20websites%20and%20advanced%20software%20prototypes%20for%20companies.%20If%20you%20would%20like%20to%20bring%20your%20ideas%20to%20life%20within%20hours%2C%20hit%20me%20up%20%3A%29
Tags:
- squarespace
- clonable
- website
- template
- sarkis
Visit Site
Element%20%u2192%20Bouncing%20Switches
Before%20Webflow%2C%20we%20had%20to%20manually%20create%20these%20animations.%20Now%2C%20you%20can%20just%20select%20an%20easing%20animation%20option.%20Isn%27t%20that%20crazy%3F
Tags:
- bounce
- interaction
- animation
- switch
- effect
- native
- webflow
- nocode
- easing
- clonable
Visit Site
Snippet%20%u2192%20Wormy%20Cursor
GET%20IT%20OFFFFF%21%21%21%20%uD83D%uDE04%0A%0AYou%20can%20customize%20your%20worm%20through%20the%20page%27s%20custom%20code.%20This%20was%20adapted%20from%20http%3A//processing.org/learning/topics/follow3.html
Tags:
- worm
- cursor
- custom
- code
- mouseover
- interaction
Visit Site
Component%20%u2192%20Native%20Photomasking
1.%20Create%20a%20SECTION%20called%20foreground%2C%20change%20display%20to%20FLEX%2C%20center%20align%20it%2C%20and%20set%20its%20position%20to%20ABSOLUTE%20with%20a%20height%20of%20100VH.%20Give%20it%20a%20COVER%20%u2192%20FIXED%20background.%20Upload%20a%20blurred%20version%20of%20your%20photo.%0A%0A2.%20Drop%20a%20DIV%20called%20MASK%20into%20the%20SECTION%20and%20customize%20it%20however%20you%20like.%20Set%20its%20position%20to%20ABSOLUTE%20with%20a%20Z%20INDEX%20of%201.%20For%20the%20zoom%20effect%2C%20simply%20add%20a%20CLICK%20interaction%20on%20the%20MASK.%0A%0A3.%20Drop%20another%20DIV%20within%20MASK%20called%20PHOTO%2C%20set%20its%20width%20100VW%20and%20height%20100VH.%20Change%20its%20position%20to%20ABSOLUTE%2C%20give%20it%20a%20COVER%20%u2192%20FIXED%20background%2C%20and%20upload%20the%20original%20image.%0A%0A4.%20Add%20a%20PAGE%20TRIGGER%20interaction%2C%20select%20MOUSE%20MOVE%20IN%20VIEWPORT%2C%20and%20create%20an%20animation.%20Add%20MOVE%20interactions%20in%20the%20MOUSE%20X%20and%20Y%20panels.%0A%0AMASK%20-%20Set%20X%u2019s%20position%20to%20-50VW%20at%200%25%20and%2050VW%20at%20100%25.%20Set%20Y%u2019s%20position%20to%20-50VH%20at%200%25%20and%2050VH%20at%20100%25.%0A%0APHOTO%20-%20Set%20X%u2019s%20position%20to%2050VW%20at%200%25%20and%20-50VW%20at%20100%25.%20Set%20Y%u2019s%20position%20to%2050VH%20at%200%25%20and%20-50VH%20at%20100%25.%0A%0AThat%27s%20all%20folks%20%3A%29
Tags:
- native
- photo
- masking
- clipping
- interaction
- animation
- nocode
- webflow
- technique
- mouseover
- magnify
- effect
Visit Site