~frontendfocus | Bookmarks (21)
-
GitHub - antonmedv/finder: CSS Selector Generator 🗺
Finder 3.2: CSS Selector Generator — Given an element, it produces the shortest possible selector that...
-
GitHub - clhenrick/color-legend-element: A custom element (web component) suitable for use as a legend in data visualizations
Color Legend Element: A Web Component Providing a Legend in Data Visualizations — Built with Lit/Lit-Element...
-
GitHub - epicweb-dev/restore-scroll: 🌀 Restore scroll position of elements on page navigation
restore-scroll: Restore Scroll Position of Elements on Page Navigation — This means not only the <body>...
-
GitHub - devnomic/marquee: A beautiful marquee component for React.
Marquee: A Beautiful 'Marquee' Component for React — Not just for text, which is what we...
-
GitHub - noamr/velvette: Common patterns for CSS view-transitions
Velvette: Making It Easier to Author CSS View Transitions — A small library that adds some...
-
GitHub - williamtroup/Calendar.js: 📅 A javascript drag & drop event calendar, that is fully responsive and compatible with all modern browsers.
📅 Calendar.js: A Calendar Control with Drag and Drop — A no-dependencies responsive calendar with full drag...
-
GitHub - efstajas/svelte-stepper: 🚶 A simple library for building delightfully animated stepped flows with Svelte.
Svelte Stepper: Build Animated Stepped Flows with Svelte — You can add and customize props on...
-
GitHub - Trendyol/baklava: Baklava is a design system provided by Trendyol to create a consistent UI/UX for app users.
Baklava: A Component Design System Based on Native Web Components — This is more of a front-end...
-
GitHub - andrico1234/autosize-textarea
Autosize Textarea: A Web Component for Auto-Resizing textarea Elements — This is one way to do...
-
GitHub - stefanjudis/sparkly-text: A small web component for making your text spark.
✨ sparkly-text: A Small Web Component for Making Text Sparkle — A cute effect that uses animated...
-
GitHub - chrisguttandin/worker-timers: A replacement for setInterval() and setTimeout() which works in unfocused windows.
worker-timers: setInterval/setTimeout But for Unfocused Windows — When a tab loses focus, any timers used within...
-
GitHub - pa11y/pa11y: Pa11y is your automated accessibility testing pal
Pa11y: An Automated Accessibility Testing Tool — Something you can add into your build process.
-
GitHub - alexanderson1993/svg-icons-cli
SVG Icons CLI: A Command Line Tool for Creating SVG Sprite Sheets — This uses a React...
-
GitHub - FrigadeHQ/remote-storage: remoteStorage is a simple library that combines the localStorage API with a remote server to persist data across browsers and devices.
remoteStorage: A Cross Browser/Device Persistence Approach — Combines the localStorage API with a remote server to...
-
GitHub - svg/svgo: ⚙️ Node.js tool for optimizing SVG files
SVGO 3.1: A Node.js-Powered SVG Optimizer — If you’ve worked with SVG (Scalable Vector Graphics) at...
-
GitHub - mostafasadeghi97/design2code: Convert any web design screenshot to clean HTML/CSS code
Design2Code: Use AI to Convert Any Web Design Screenshot to Clean HTML/CSS Code — Claims to...
-
GitHub - rvanwijnen/spectral.js: Spectral.js is a paint like color mixing library.
Spectral.js: A Painterly Color Mixing Library — If you have two colors to transition between, just...
-
GitHub - sindresorhus/request-animation-frames: Use requestAnimationFrame as an async iterable, in any JavaScript environment
request-animation-frames: Use requestAnimationFrame Anywhere — The latest library from the one-man module powerhouse, Sindre Sorhus. The...
-
Release 5.0.0 · hakimel/reveal.js
Reveal.js 5.0: The HTML Presentation Framework — A long-standing way to build presentations using standard Web...
-
GitHub - webdiscus/html-bundler-webpack-plugin: Uses HTML template as entry point. Resolves source files of scripts, styles, images in HTML. Renders Eta, EJS, Handlebars, Nunjucks templates "out of...
HTML Bundler Plugin for Webpack — A plugin that renders HTML templates with referenced source files...
-
GitHub - JustinBeckwith/linkinator: 🐿 Scurry around your site and find all those broken links.
Linkinator 6.0: A Tool to Find a Site's Broken Links — Both a Node.js API and...