Designer turned to code
ASPECT is live: a real estate template where the whole site is lit by a real sun. Set the latitude and season, and the photographs, colours, glass and even the headline's shadow follow it from dawn to midnight. Six views in one frame, a CMS catalogue, a native enquiry form and a Start here guide. Demo: aspect-realestate.framer.website
DATUM — a spec-sheet system for studios and agencies.
Every section is a sheet. Part numbers, dimension lines, revision chips, a scale rail that tracks your position down the page, and a bill of materials that fills line by line as you scroll.
Nine sticky elements do the heavy lifting: a pinned plate sequence that stacks its tabs as you pass them, a survey line that draws itself station by station through the build log, and a footer the page slides up off.
Layout and content stay on the canvas. Code components only where the canvas couldn't do the job, each with property controls, so it stays editable after you buy it.
7 pages, 4 breakpoints, dark and light both designed rather than inverted. 1.36 MB, reduced motion honoured, no horizontal overflow at any width.
There's a style guide page documenting the system, so it survives being edited.
Scanline Strip is live. It's a logo marquee that actually does something: a scanner line travels the row, and whatever it touches turns colour, icon first, then letter by letter. No dependencies, 18 KB, and it picks sweep or scroll by itself depending on whether the row fits.
#framer #framercomponents #codecomponent #logomarquee #logocloud #marquee #webdesign #uidesign #microinteraction #framermarketplace
Designer turned to code
ASPECT is live: a real estate template where the whole site is lit by a real sun. Set the latitude and season, and the photographs, colours, glass and even the headline's shadow follow it from dawn to midnight. Six views in one frame, a CMS catalogue, a native enquiry form and a Start here guide. Demo: aspect-realestate.framer.website
DATUM — a spec-sheet system for studios and agencies.
Every section is a sheet. Part numbers, dimension lines, revision chips, a scale rail that tracks your position down the page, and a bill of materials that fills line by line as you scroll.
Nine sticky elements do the heavy lifting: a pinned plate sequence that stacks its tabs as you pass them, a survey line that draws itself station by station through the build log, and a footer the page slides up off.
Layout and content stay on the canvas. Code components only where the canvas couldn't do the job, each with property controls, so it stays editable after you buy it.
7 pages, 4 breakpoints, dark and light both designed rather than inverted. 1.36 MB, reduced motion honoured, no horizontal overflow at any width.
There's a style guide page documenting the system, so it survives being edited.
Scanline Strip is live. It's a logo marquee that actually does something: a scanner line travels the row, and whatever it touches turns colour, icon first, then letter by letter. No dependencies, 18 KB, and it picks sweep or scroll by itself depending on whether the row fits.
#framer #framercomponents #codecomponent #logomarquee #logocloud #marquee #webdesign #uidesign #microinteraction #framermarketplace
ASPECT is live: a real estate template where the whole site is lit by a real sun. Set the latitude and season, and the photographs, colours, glass and even the headline's shadow follow it from dawn to midnight. Six views in one frame, a CMS catalogue, a native enquiry form and a Start here guide. Demo: aspect-realestate.framer.website
DATUM — a spec-sheet system for studios and agencies.
Every section is a sheet. Part numbers, dimension lines, revision chips, a scale rail that tracks your position down the page, and a bill of materials that fills line by line as you scroll.
Nine sticky elements do the heavy lifting: a pinned plate sequence that stacks its tabs as you pass them, a survey line that draws itself station by station through the build log, and a footer the page slides up off.
Layout and content stay on the canvas. Code components only where the canvas couldn't do the job, each with property controls, so it stays editable after you buy it.
7 pages, 4 breakpoints, dark and light both designed rather than inverted. 1.36 MB, reduced motion honoured, no horizontal overflow at any width.
There's a style guide page documenting the system, so it survives being edited.
Scanline Strip is live. It's a logo marquee that actually does something: a scanner line travels the row, and whatever it touches turns colour, icon first, then letter by letter. No dependencies, 18 KB, and it picks sweep or scroll by itself depending on whether the row fits.
#framer #framercomponents #codecomponent #logomarquee #logocloud #marquee #webdesign #uidesign #microinteraction #framermarketplace
