Free gradient border CSS that keeps border-radius: three course cards using the padding-box and border-box background trick, in plain CSS and Tailwind.

block@weinc

@weinc/graphite-shutter-preloader-for-an-architecture-practice

Graphite Shutter Preloader

(No description)

block@weinc

@weinc/graphite-split-halves-that-close-over-the-page

Graphite Split Halves That Close Over The Page

(No description)

block@weinc

@weinc/grid-thumbnail-grows-into-the-detail-photo

Grid Thumbnail Grows Into The Detail Photo

(No description)

block@weinc

@weinc/grid-tiles-light-up-under-pointer

Grid Tiles Light Up Under The Pointer

(No description)

block@weinc

@weinc/grouped-otp-input-with-separator-and-resend-timer

Grouped OTP Input With Separator And Resend Timer

(No description)

component@weinc

@weinc/guarded-toggle-switch-row-with-red-flip-up-safety-covers-you-lift-before-each-switch-will-arm

Guarded Toggle Switch Row With Red Flip Up Safety Covers You Lift Before Each Switch Will Arm

Toggle row styled as a cockpit panel: each switch sits under a red hinged cover you must lift first, so nothing arms by accident. Free React and HTML code.

component@weinc

@weinc/guitar-fretboard-capo-slider-with-wound-strings-that-ring-as-standing-waves

Guitar Fretboard Capo Slider With Wound Strings That Ring As Standing Waves

Stepped slider drawn as a guitar neck: slide a capo between frets and the strings ring as standing waves over a range input. Free React and HTML code.

component@weinc

@weinc/gumball-machine-with-a-crank-you-turn-that-drops-a-glossy-ball-down-the-chute

Gumball Machine With A Crank You Turn That Drops A Glossy Ball Down The Chute

Canvas gumball machine: turn the chrome handle a full circle and a gumball drops down the chute and rolls across the table. Free React and HTML to copy.

component@weinc

@weinc/hairline-rule-line-rise-text-reveal

Hairline Rule Line Rise

(No description)

block@weinc

@weinc/hamburger-icon-that-morphs-into-an-x

Hamburger Icon That Morphs Into An X

Free hamburger menu in HTML, CSS and React: three lines turn into an X on a real button with aria-expanded, the menu drops below and Escape closes it.

component@weinc

@weinc/hamburger-icon-with-two-line-asymmetric-morph

Hamburger Icon With Two Line Asymmetric Morph

(No description)

component@weinc

@weinc/hamburger-menu-as-a-phone-bottom-sheet

Hamburger Menu As A Phone Bottom Sheet

(No description)

component@weinc

@weinc/hamburger-menu-with-full-width-dropdown-panel

Hamburger Menu With Full Width Dropdown Panel

(No description)

component@weinc

@weinc/hamburger-menu-with-slide-in-drawer-from-the-right

Hamburger Menu With Slide In Drawer From The Right

(No description)

component@weinc

@weinc/hand-drawn-underline-drawing-under-one-word

Hand Drawn Underline Under One Word

(No description)

component@weinc

@weinc/hand-gilded-shop-fascia-headline-where-gold-leaf-is-laid-brushed-off-and-burnished

Hand Gilded Shop Fascia Headline Where Gold Leaf Is Laid, Brushed Off And Burnished

Canvas text effect: a painted shop fascia whose name is gilded as you watch, with gold leaf laid, brushed off and burnished. Free React and HTML to copy.

component@weinc

@weinc/handheld-catching-game-laid-out-in-parts-on-a-cutting-mat-that-slide-together-and-can-be-played

Handheld Catching Game Laid Out In Parts On A Cutting Mat That Slide Together And Can Be Played

A pocket LCD game laid out in parts on a cutting mat: shell, display, buttons and screws slide together, then you can play it. Free React and HTML code.

component@weinc

@weinc/handwritten-word-drawn-by-pen-stroke-svg

Handwritten Word Drawn By Pen Stroke

(No description)

block@weinc

@weinc/hanging-garment-bag-scroll-reveal-with-a-brass-zip-that-parts-waxed-canvas-over-a-photograph

Hanging Garment Bag Scroll Reveal With A Brass Zip That Parts Waxed Canvas Over A Photograph

Scroll reveal on a canvas: a waxed canvas garment bag hangs from a peg and its brass zip opens as you scroll or drag. Copy the React code or HTML free.

block@weinc

@weinc/hanging-photo-mobile-with-balanced-wire-arms-and-prints-that-turn-in-the-air

Hanging Photo Mobile With Balanced Wire Arms And Prints That Turn In The Air

Photo mobile with prints on balanced wire arms: they sway and turn on their threads, and the whole thing tips when you pull one. Free React and HTML code.

block@weinc

@weinc/headline-lines-rise-from-masks-on-scroll

Headline Lines Rise From Masks

(No description)

block@weinc

@weinc/headline-rows-skew-with-scroll-speed

Headline Rows Skew With Scroll Speed

(No description)

block@weinc

@weinc/typed-headline-that-selects-and-retypes-one-word

Headline That Retypes One Word

(No description)

component@weinc

@weinc/heat-shimmer-desert-gradient-background

Heat Shimmer Desert Gradient

(No description)

block@weinc

@weinc/heavy-glass-perfume-bottle-you-tilt-with-amber-liquid-that-stays-level-and-a-gold-stopper-that-lifts-out

Heavy Glass Perfume Bottle You Tilt With Amber Liquid That Stays Level And A Gold Stopper That Lifts Out

Perfume bottle on a canvas: tilt the thick glass and the amber liquid stays level and sloshes, while the gold stopper lifts out. Free React and HTML code.

block@weinc

@weinc/hero-corner-with-two-tinted-css-blobs

Hero Corner With Two Tinted CSS Blobs

(No description)

block@weinc

@weinc/hero-number-counter-with-motion-blur-on-fast-digits

Hero Number Counter With Motion Blur

(No description)

component@weinc

@weinc/hexagon-logo-settles-from-scattered-parts-on-sign-in

Hexagon Logo Settling From Scattered Parts

(No description)

component@weinc

@weinc/highlighter-moves-down-a-recipe-card-per-step

Highlighter Moves Down A Recipe Card

(No description)

block@weinc

@weinc/horizontal-card-deck-stacking-sideways-in-pinned-section

Horizontal Card Deck Stacking Sideways In A Pinned Section

(No description)

block@weinc

@weinc/horizontal-numbered-stepper-with-back-and-next

Horizontal Numbered Stepper With Back And Next

Free stepper component in React and plain HTML: numbered steps joined by lines that fill as you go, real Back and Next buttons and aria-current on the step.

component@weinc

@weinc/hotel-do-not-disturb-door-hanger-card-that-swings-on-a-brass-knob-and-flips-to-make-up-my-room

Hotel Do Not Disturb Door Hanger Card That Swings On A Brass Knob And Flips To Make Up My Room

Door hanger card that swings from a brass knob as a pendulum, lifts clear when pressed and flips in 3D to its other message. Free React and HTML to copy.

block@weinc

@weinc/hotel-keycard-door-lock-switch-with-a-card-that-dips-into-the-reader-a-lamp-that-turns-green-and-a-lever-that-drops

Hotel Keycard Door Lock Switch With A Card That Dips Into The Reader, A Lamp That Turns Green And A Lever That Drops

Lock switch drawn as a hotel door lock: a key card dips into the reader, the lamp turns green and the chrome lever drops. Free React and HTML code to copy.

component@weinc

@weinc/hotel-room-cards-sliding-to-a-second-view

Hotel Room Cards Sliding To A Second View

(No description)

block@weinc

@weinc/hotel-room-key-and-enamel-fob-on-a-brass-ring-that-swing-and-knock-together

Hotel Room Key And Enamel Fob On A Brass Ring That Swing And Knock Together

Pendulum piece with a brass room key and an enamel fob on one ring: they swing at their own speeds and knock when they meet. Free React and HTML code.

block@weinc

@weinc/hover-and-focus-glitch-menu-links

Hover And Focus Glitch Menu Links

(No description)

block@weinc

@weinc/html-css-3d-pressed-button-with-solid-edge

HTML CSS 3D Pressed Button With Solid Edge

(No description)

component@weinc

@weinc/html-css-arrow-link-button-with-sliding-underline

HTML CSS Arrow Link Button With Sliding Underline

(No description)

component@weinc

@weinc/html-css-button-set-with-primary-secondary-outline-ghost-icon-loading-and-destructive-styles

HTML CSS Button Set With Primary, Secondary, Outline, Ghost, Icon, Loading And Destructive Styles

Free HTML CSS button set: primary, secondary, outline, ghost, destructive, icon and loading buttons in three sizes, with hover, press, focus and disabled states.

component@weinc

@weinc/html-css-button-solid-outline-ghost-with-hover-active-disabled-states