🌐 Web Tech Enthusiast | Sharing the latest in #JavaScript, #CSS, #jQuery, #WebDesign #WebDevelopment | Keeping you updated on web technology hotspots 🔥 | 💻
Based in United States
- Tweets 14,434
- Following 54
- Followers 1,090
- Likes 95
Decrypt text, laser-etch it into place, or resolve it through Matrix-style rain.
tte.js ships 37 Canvas effects, seeded runs, playback controls, and custom effect registration.
The source text stays in the DOM.
👉 cssscript.com/terminal-text-…
1
7
This week’s Web Dev Weekly has WebGPU HDR text, 70+ animated React components, a meaning-aware typography library, new AI coding tools, and a healthy amount of weird frontend stuff.
Full issue: jqueryscript.net/blog/Weekly…
10
Change the sentence, and the typography changes with it.
“failed” can turn red.
“might” can lean.
Important words get heavier.
Surprises get highlighted.
That’s semantic font, running locally in JavaScript with no LLM or API.
👉 cssscript.com/typography-sem…
2
37
Turn any public Mastodon post into an embed that matches your site.
mastodon-post can display the post, author, media, replies, reposts, and favorites, with a custom layout for each embed.
👉 cssscript.com/mastodon-post-…
19
NeonBlade UI drops the editable React source straight into your project.
The registry extends that cyberpunk style to holographic terrain, neon charts, scan-line tables, grids, loaders and controls.
👉 next.jqueryscript.net/next-j…
1
30
Building motion-heavy React pages?
Rewamp UI has the pieces that usually eat time: fluid navbars, inertia carousels, particle/WebGL backgrounds, text effects, and AI orbs.
Its CLI copies the source into your repo, so every interaction is yours to edit.
next.jqueryscript.net/next-j…
1
1
38
Codex 0.157.0 Released
• Added GPT-6 Sol and Luna support with migration prompts
• Fullscreen transcripts enabled by default with Shift-click selection
• Automatic background-server startup for interactive sessions
• Added f shortcut to fork open conversations
• Bugfixes and stability updates
40
Claude Code v2.1.282 is out
• Added maxProseWidth setting to cap text width while code keeps full width
• Added telemetry variable status checks in settings and claude doctor
• Improved resume times for very large, uncompacted sessions
• Fixed search result decryption errors and thinking block drops
• Bugfixes and stability updates
28
Found a shadcn registry for UI interactions you usually end up custom-building.
macOS-style dock magnification. Liquid nav transitions. An AI orb driven by live audio levels.
Calamansi UI installs each component as editable React source.
next.jqueryscript.net/next-j…
40
Animated Rough.js strokes can “boil” when every redraw gets a new random pattern.
The sveltecraft/rough component exposes a fixed `seed` on reactive Svelte 5 shapes, with the same component API for Canvas and SVG.
🔗 next.jqueryscript.net/svelte…
1
91
Claude Code v2.1.280 is out
• Claude Opus 5.5 is now default with 1M context
• Mouse support added for fullscreen lists and skills
• MCP tool description cap adjustable via env var
• VS Code adds /status, /sandbox, and /chrome dialogs
• Bugfixes and stability updates
3
80
One nested menu, two navigation systems.
x-mega-menu uses multi-column mega panels on desktop and drill-down side navigation below your breakpoint, with deep levels, RTL positioning, and no jQuery.
👉 cssscript.com/x-mega-menu/
1
53
Stars, hearts, bolts, snowflakes.
icon-fall turns Font Awesome icons into a viewport-wide falling effect, with multiple-icon rotation plus count, size, and color controls.
👉 cssscript.com/falling-font-a…
1
27
COBE v2 is here: a 5KB, zero-dependency JavaScript library for animated 3D WebGL globes.
Now with curved arcs, custom markers, runtime updates, and CSS-anchored DOM labels.
Updated guide + API:
cssscript.com/3d-globe-webgl…
2
121
Codex v0.155.0 is out
• Experimental /voice conversations with live transcripts
• TUI live reasoning summaries and turn completion timestamps
• Agent overview task hiding, archiving, and worktree tools
• Touch ID MCP request verification on supported Macs
• Bugfixes and stability updates included
2
39
A search box that understands `brand:"Northstar Audio" year:2026` goes beyond ordinary autocomplete.
rich-input turns that pattern into a Web Component with keyword/value suggestions, token highlights, rich options, and form integration.
🔗 cssscript.com/rich-search-in…
1
145
MongoDB-first Next.js SaaS stack?
Volix ships JWT auth, roles, subscriptions, invoices, files, reports, 9 locales, and shadcn/ui screens.
🔗 next.jqueryscript.net/next-j…
1
2
142
Claude Code v2.1.274 is out
• Critical memory usage warnings & recovery guidance
• CLAUDE_CODE_MCP_STARTUP_WAIT_MS for MCP timeouts
• VS Code: Resume interrupted steps after window reload
• Click-to-expand collapsed agent messages in fullscreen
• Bugfixes, performance improvements, and gateway updates
1
187
Claude Code v2.1.273 is live
• Fork remote-control sessions into background tasks
• New opt-in LLM gateway headers (CLAUDE_CODE_GATEWAY_HINT_HEADERS=1)
• Automatic reconnection alerts for disconnected MCP servers
• Improved performance in long sessions
• Bugfixes and stability updates included
1
45
Product tours often break when the next UI element has not rendered yet.
GlowTour.js workflows can wait for DOM elements or app state before continuing, with adapters for Vanilla JS, React, Vue, Solid & Angular.
🔗 cssscript.com/product-tour-o…
1
107
Justified Gallery 4 drops jQuery.
The classic Flickr-style photo layout is now a dependency-free ES module with `init()` / `destroy()`, row controls, captions, filtering, sorting, and RTL.
🔗 cssscript.com/photo-grid-jus…
1
161
Underline a phrase. Circle a keyword. Draw a bracket around a note.
`svelte-annotate` draws 7 hand-drawn annotation styles in Svelte with clock-based sequencing, scoped animations, multiline text, and RTL drawing.
👉 next.jqueryscript.net/svelte…
1
60
AI product UI gets harder once agents start planning, requesting approval, handing off work, and repairing mistakes.
UI by Halaska puts 38 AI UX patterns and ~100 React components in one editable JSX file. No Tailwind setup required.
🔗 next.jqueryscript.net/shadcn…
1
3
52
js-confetti can fire a Canvas confetti burst from the exact `clientX`/`clientY` of a click.
It also handles emoji particles, custom colors, sizes, and counts with zero runtime dependencies.
🔗 cssscript.com/custom-confett…
1
63
One page, multiple Mermaid versions.
mermaid-element lets each <mermaid-element> choose its own Mermaid release or module URL, with cached loading, reactive rendering, and Shadow DOM styling.
Read More: cssscript.com/mermaid-elemen…
1
138
WebGPU is getting a lot less academic. Brightpixels uses it for HDR text, glow, and particles. motion-web pushes Three.js, Canvas 2D, WebGL, and CSS toward motion-first sites.
Full issue: jqueryscript.net/blog/Weekly…
1
120
Claude Code v2.1.269 is live
• Added claude plugin eval for scored plugin testing
• New /output-style command to toggle output formats
• Bash edits now show file diffs directly in tool results
• Higher agent limits, OTEL repository tagging & UI polish
• Bugfixes and performance improvements
1
1
81
Need an SVG map, not a full mapping platform?
svg-world-maps ships the World map in the core package and loads country/region maps individually.
212 maps, native tooltips, labels, click data, custom colors, and zero runtime dependencies.
🔗 cssscript.com/interactive-sv…
3
87
Fancytree has a zero-dependency successor: wunderbaum.
Trees + treegrids, lazy data, multi-select, inline editing, filtering, sorting and DnD, with ESM and UMD builds.
🔗 cssscript.com/tree-treegrid-…
8
347
Claude Code v2.1.268 is out ⚡
• Apps gateway settings, pricing sync & network access controls
• Enhanced CLI JSON output & session cleanup flags
• Faster transcript re-rendering & lower idle CPU usage
• WebFetch timeouts & symlink rule fixes
• Bugfixes and stability updates.
1
1
57
Liquid Glass refraction does not have to start with WebGL.
Hyalite uses generated lens maps + SVG displacement filters to bend the live backdrop around HTML elements.
One JS file, configurable optics, dynamic element watching, and CSS fallback outside Chromium.
🔗 cssscript.com/svg-liquid-gla…
4
237
Drawably keeps native form controls in the DOM and draws animated pen-sketch SVG chrome around them.
Each mount gets a fresh sketch, seeds reproduce a drawing, and buttons switch through loading/error/success states.
🔗 cssscript.com/handdrawn-ui-c…
3
277
GPT-6-Astra is now available in Codex 0.154.0 ⚡
→ Access GPT-6-Astra in the model picker & Amazon Bedrock
→ Worktree support for isolated session checkouts
→ Answer questions inline without losing your main draft
→ Windows background Codex server
→Bugfixes included
1
3
319
Claude Code v2.1.267 is out
• Added maxEffortLevel setting to cap effort levels across providers
• Added --system-prompt-snapshot off for prompt iteration
• Improved prompt input responsiveness during repaints
• Faster --resume load time for session history
• Bugfixes and stability updates
1
1
41
One JSON Schema can drive a browser form or headless Node.js validation.
Jedison handles nested objects/arrays, conditional schemas, multiple editor layouts, Bootstrap themes, and schema-level `x-*` UI controls.
No runtime npm dependencies.
👉 cssscript.com/jedison-json-g…
38
A jQuery-era LED ticker got a browser-native rebuild.
dylanTicker now uses `<retro-ticker>`, Canvas dot-matrix text, CSS scrolling, pause controls, and zero runtime dependencies.
👉 cssscript.com/retro-led-tick…
1
35
A context menu clipped by overflow: hidden is a bug nobody wants to debug twice.
ozankurt/context-menu uses the Popover top layer and adds a jQuery adapter, nested and async actions, keyboard navigation, and selector-based registration.
🔗 jqueryscript.net/menu/top-la…
45
One URL, two Nuxt route presentations.
Nuxt Pages Plus can open `/products/42` as a modal during in-app navigation and render the same URL as a normal page on direct access.
It also adds named parallel page outlets for multi-pane layouts.
👉 next.jqueryscript.net/nuxt/n…
28
Claude Code v2.1.265 is out
• Support for pointing --plugin-dir at a folder of plugins
• 1 GB cap on tool results saved to disk with preview truncation warnings
• Improved worktree startup on large repositories and faster long-session resume
• VS Code: Auto-archive inactive sessions
• Bugfixes and stability updates
1
1
1
229
Most web glow effects are SDR.
Brightpixels uses WebGPU HDR for brighter-than-reference-white text, progress states, edge light, and confetti, with ordinary-color fallbacks when HDR is unavailable.
👉 cssscript.com/brightpixels-h…
32
Repeated Bootstrap toast markup is easy to avoid.
AvalynxToast creates the container and toast from one JS call, with 6 positions, headerless mode, auto-hide timing, and an onClose callback.
Built for Bootstrap 5.3+.
🔗 cssscript.com/avalynx-toast-…
39
A chat box is only one screen in an AI agent product.
BoardUI fills in the rest: thinking states, task progress, search trails, tables, charts, auth, and dashboard UI as editable React + Tailwind source through CLI or MCP.
🔗 next.jqueryscript.net/next-j…
1
2
373
Building a rich text editor in shadcn usually means styling dozens of Tiptap buttons by hand.
editorcn distributes ready-made toolbar and Notion-style block editors via the shadcn CLI.
You get full source ownership and Tailwind CSS 4 theme integration in one command.
👉 next.jqueryscript.net/shadcn…
1
86
Most web counters choke on rapid WebSocket feeds.
Rolling Number compiles spring curves into native CSS linear() keyframes for compositor-driven, interruptible odometer and split-flap rolls.
Zero JS timer loops. Works with Vanilla JS, React, and Solid.
👉 cssscript.com/rolling-number…
47
Existing HTML + a few reactive regions: mador.js binds JavaScript state to DOM selectors, tracks dependencies, and batches writes in about 855 bytes minified.
No component or template layer.
🔗 cssscript.com/mador-reactive…
125
Frontend UI had a very tactile week.
Ambient CSS treats lighting as part of the interface. Particle Charts turns canvas charts into particle systems. liquid-glass.js recreates an iOS-style glass effect with SVG and WebGL. Apertura morphs a button into its dialog rather than making the modal appear out of nowhere.
Those four links all take familiar UI pieces and push the rendering or transition further than the usual CSS polish. Add a React SVG scrollbar and 150 canvas loaders, and this issue gets unusually visual.
jqueryscript.net/blog/Weekly…
1
114
Claude Code v2.1.261 is live
• Raise inline command output limit up to 128K chars
• New /skill-doctor to check unused skills & context costs
• Support subagent system prompts via file flag
• VS Code: Custom output style builder & inline MCP setup
• Bugfixes and stability updates
2
1
65
Most CSS shadow systems assign a different preset to each component.
Ambient CSS starts with one light direction and derives the shadows and highlights for every surface in that scene.
It handles raised and recessed surfaces, chamfered edges, depth, glass, brushed metal, glow effects, and material color through CSS classes and custom properties.
React controls are available as an optional second package.
👉 cssscript.com/ambient-css-ph…
1
45
Browser AI needs UI for model downloads, WebGPU checks, cache state, RAG results, tool calls, and agent progress.
LocalMode UI packages those patterns as copy-owned shadcn components that work with local models or your existing AI backend.
🔗 next.jqueryscript.net/shadcn…
1
47