This week: Silky Smooth Checkboxes, Shimmering Text, and Marquee Tricks
Give users instantly reactive UX with an in-browser database that keeps itself in sync with any backend Postgres. No need to wait for network requests, code complicated caching logic or to maintain in-memory state. Set up is easy, removal too. Try on a generous free plan.
Add signup, login, MFA, and access control to your app or website with our visual workflows and SDKs. "Descope" customer authentication from your daily work. Sign up for a Free Forever account today - no credit card required.
Swipe through a coverflow inspired undersea carousel from TheMOZZARELLA, complete with a parallaxing school of fish in the background.
Amit Sheen shares a gooey, ghostly CSS text effect. "I [...] tried a couple of things, and ended up using two layers of text, one with the effect, and a clean one on top so that the text remains readable."
The CodePen challenge leapt at the opportunity to make fun like animations for the 2nd week of our Leap Year challenge! Check out our collection for week two, including including Pens from Austin Larson, Jesse Couch, Pedro Ondiviela, and Zim.
Josh Dillon uses SVG.js to bring us a slick trio of retro-futuristic neon toggle switches with offset, random, and delayed-offset animation effects.
A pulley "rope" weaves through five list items in this skillful demonstration of borders, margins, and padding from Riley Shaw.
A friendly robot unpacks all the little bits & pieces you need to make an animated website in this playful Pen and companion YouTube video from Juxtopposed.
A glowing wave creates a shimmering text effect in this Sass-y Pen from Andreas Storm.
Struggling to name the streets in your idyllic suburb? leimapapa's got you covered with this whimsical street name generator. "They're not all winners".
Stijn Van Minnebruggen mimics the eye tracking effect on the Apple Photos icon in a Vision PRO with this directionally-aware hover effect.
Wakana Y.K. uses rough.js to bring a hand-crafted vibe to a focus mantra: "Finish the tasks that I started"!