snippr

beta

Save the bits of the web you love. Share them with friends.

Snippr lets you clip quotes, links and pictures from any page, tag them, and see what everyone else is snipping right now. No software to install. It just works, right in your browser.

Your snips

3 snips

How to fold a fitted sheet tagged home lifehacks by melody_k, 2 minutes ago
Pixel art palettes that don't suck tagged design by ruby_rex, 9 minutes ago
The best free podcasts about space tagged podcasts space by orbit_otto, 1 hour ago

Snip this!

Ajax inside RSS

Why you'll love Snippr

One-click snipping

Drag our bookmarklet to your toolbar. Click it on any page. Done!
Social by design

Follow friends, see their snips, and discover what's hot today.
Tags, not folders

Tag it however you like. Your tags, your folksonomy.
Feeds for everything

Every tag and every friend has an RSS feed. Mash it up!

People are talking

“I literally can't remember how I bookmarked things before Snippr.”
Jess, designer and snip addict

“It's like a scrapbook that talks to all my friends' scrapbooks. Love it.”
Marco, grad student

“Finally, a web app that feels like a desktop app. Those rounded corners!”
A very happy beta tester

About · Blog · API · Developers · Privacy · Jobs (we're hiring!)

.gl__pill { display: inline-block; position: relative; padding: 12px 30px 13px; font: bold 20px/1 'Lucida Grande', 'Helvetica Neue', Arial, sans-serif; color: #fff; text-decoration: none; text-shadow: 0 -1px 0 rgb(0 0 0 / 0.3); border: 1px solid #3f8a0a; border-radius: 999px; /* The gloss: a hard stop halfway down a vertical gradient. */ background: linear-gradient(#b5ec6a 0%, #8fd63a 49%, #6cbf1d 51%, #8fd63a 100%); box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.7), 0 2px 4px rgb(0 0 0 / 0.25); cursor: pointer; } .gl__pill:hover { background: linear-gradient(#c6f387 0%, #a0e04e 49%, #7dcc2c 51%, #a0e04e 100%); } .gl__pill:active { box-shadow: inset 0 2px 4px rgb(0 0 0 / 0.3); }

.gl__logo { margin: 0; position: relative; font: bold 54px/1 'Helvetica Neue', Helvetica, Arial, sans-serif; letter-spacing: -3px; height: 64px; } .gl__word { display: block; background: linear-gradient(#a6e34b 0%, #6cbf1d 48%, #4e9d0c 52%, #74c728 100%); -webkit-background-clip: text; background-clip: text; color: transparent; } /* Fallback: a flipped copy fading out underneath ("wet floor"). */ .gl__mirror { position: absolute; left: 0; top: 100%; margin-top: -6px; transform: scaleY(-1); color: #6cbf1d; opacity: 0.35; mask-image: linear-gradient(to top, #000 0%, transparent 55%); -webkit-mask-image: linear-gradient(to top, #000 0%, transparent 55%); pointer-events: none; } /* Where the proprietary property exists, let the browser draw the reflection. */ @supports (-webkit-box-reflect: below 0) { .gl__word { -webkit-box-reflect: below -14px linear-gradient(transparent 55%, rgb(0 0 0 / 0.35)); } .gl__mirror { display: none; } }

function onSubmit(e: Event) { e.preventDefault() if (busy) return const text = input!.value.trim() || ideas[Math.floor(Math.random() * ideas.length)] busy = true form!.classList.add('is-busy') if (status) status.textContent = 'Saving…' // In 2006 this was new XMLHttpRequest() and a callback; here we only pretend. timer = window.setTimeout(() => { const li = document.createElement('li') const b = document.createElement('b') b.textContent = text const meta = document.createElement('span') meta.className = 'gl__meta' meta.textContent = 'by you, just now' li.append(b, ' ', meta) li.classList.add('is-new') // the Yellow Fade Technique list!.prepend(li) if (num) num.textContent = String(list!.children.length) form!.classList.remove('is-busy') if (status) status.textContent = 'Saved!' input!.value = '' busy = false }, reduced ? 300 : 1100) }

snippr

Save the bits of the web you love. Share them with friends.

Your snips

Popular tags

Snip this!

Why you'll love Snippr

One-click snipping

Social by design

Tags, not folders

Feeds for everything

People are talking

Keyboard shortcuts

snipprsnippr

Save the bits of the web you love. Share them with friends.

Your snips

Popular tags

Snip this!

Why you'll love Snippr

One-click snipping

Social by design

Tags, not folders

Feeds for everything

People are talking

snippr