jQueryScript

🌐 Web Tech Enthusiast | Sharing the latest in #JavaScript, #CSS, #jQuery, #WebDesign #WebDevelopment | Keeping you updated on web technology hotspots 🔥 | 💻

[jQueryScript @jqueryscript]

After half a year of dedicated testing, we're so excited to announce https://t.co/0ZOflZUrHE!

We're bringing you the freshest UI components, templates, and tools for modern frameworks like Next.js, Shadcn/ui, and Tailwind CSS, updated daily.

This is our next chapter, and we're building something awesome for web developers.

[jQueryScript @jqueryscript]

Moodstone: Animated, procedurally generated avatars for AI agents in React Native. Give an agent a mood and the face reacts.

Rendered with React Native Skia on the UI thread.

- Nine moods, each a seamless loop.
- Seven cuts (silhouettes) that morph into each other, with eyes that fit each shape.
- Twelve palette colours or any hex, on a surface lit by a slowly orbiting light.
- UI-thread animation that leaves the JS thread idle.
- PNG and SVG exports, including an animated SVG of the whole loop.

👉 https://t.co/Lh1tLJkDEy

[jQueryScript @jqueryscript]

AvalynxDataTable: a simple, lightweight, and customizable data table component for web applications.

- Lightweight and Customizable: Easily integrate with your web applications without heavy dependencies.
- Bootstrap Integration: Designed for seamless integration with Bootstrap >= 5.3.
- Data Fetching: Fetch data from any API endpoint.
- Sorting and Searching: Built-in sorting and searching functionalities.
- Pagination: Customizable pagination options, including previous/next buttons and page range.
- Responsive: Fully responsive design to work on various devices.

👉 https://t.co/nbDtY7QhtX

[jQueryScript @jqueryscript]

CSS Animation Snippets: copy-paste animations that make any business website feel polished.

One CSS file, one optional 2 KB script, zero dependencies.

👉 https://t.co/gWKdvOVVo7

[jQueryScript @jqueryscript]

Babelize Elements: Open-source Localization UI components for React and Tailwind CSS.

Ready-to-use components for language switchers, locale pickers, translation widgets, and more.

👉 https://t.co/HBWTjoYGQH

[jQueryScript @jqueryscript]

shadcn animated is a growing collection of animated shadcn/ui components, crafted by hand.

Copy and paste the components directly into your project, or install them with the CLI.

https://t.co/V9dFpn67Fr

[jQueryScript @jqueryscript]

Iosevka is a free, open-source font family for coding, terminals, and technical typography.

It includes six monospace subfamilies, nine weights, coding ligatures, and customizable character shapes.

Choose from sans-serif, slab-serif, and quasi-proportional styles, or create your own version with the Iosevka Customizer.

Explore the font family and download a package for your next project.

🔗 https://t.co/vlCb7gNZKJ

[jQueryScript @jqueryscript]

penciled.js: a 15 kB open-source JavaScript library for persistent text highlights and notes on any web page.

Built on the CSS Custom Highlight API.

👉 https://t.co/t7KxrVBupD

[jQueryScript @jqueryscript]

Sumi.css: a minimalist, classless-first CSS framework.

Write plain, semantic HTML and it looks finished.

Add a class only when you want something specific.

👉 https://t.co/KcuelkrGRD

[jQueryScript @jqueryscript]

Starting a Next.js admin? Shadcn UI Kit has a free dashboard with a sidebar, charts, tables, and account screens.

For one section, its shadcn registry writes editable TSX into your app.

👉 https://t.co/bX8lmuP6EG

[jQueryScript @jqueryscript]

A paid SaaS needs login, Stripe Checkout, webhooks, and access checks.

Hikari is a free Next.js starter with that flow connected.

Setup and caveats in the article: https://t.co/kM9KFjw1P8

[jQueryScript @jqueryscript]

Claude Code v2.1.307 is out

• Added /claude-api api-version parameter
• New safety event tracking for tool calls
• Code review stop commands for PR subscriptions
• Bugfixes and stability updates

[jQueryScript @jqueryscript]

fx0 turns a page brief into one HTML file you can inspect and download.

Rework a section in chat, reopen an earlier design, and export the version you prefer.

See how the workflow and model access work: https://t.co/Yls0BYur5P

[jQueryScript @jqueryscript]

Chartist can plot bars and lines against independent Y axes in one SVG chart.

It also supports stacked bars, goal lines, and CSS styling.

Explore the examples: https://t.co/vgIhfm8DfU

[jQueryScript @jqueryscript]

One upload, one toast. chyrp updates loading, progress, and completion in place.

Its vanilla JS notifications also have action buttons, swipe dismissal, and optional sound.

👉 https://t.co/k4AYXTTDP5

[jQueryScript @jqueryscript]

Archiving an email and deleting a workspace call for different confirmation steps.

SureUI gives shadcn/ui Undo windows and typed-name checks. onConfirm runs after Undo expires.

Setup and caveats in the article: https://t.co/b6QozrVPnt

[jQueryScript @jqueryscript]

Building an AI agent UI?

Solid Glass adds prompt input, tool diffs, status indicators, and an agent workspace to shadcn/ui.

A single CSS file styles existing components. Registry installs give you editable React source.

👉 https://t.co/REWnHXknlw

[jQueryScript @jqueryscript]

Need Mermaid diagrams beyond flowcharts?

Pele renders every built-in Mermaid 12.1.0 type to SVG, with no runtime dependencies.

Use mount() for resize-aware diagrams or render() for synchronous SVG output.

👉 https://t.co/MXdv9XLpQ7

[jQueryScript @jqueryscript]

Roll only the digits that change in a React balance.

Morph UI's NumberFlip uses React 19.3 ViewTransition and copied CSS, with optional stagger and screen-reader text.

No animation library to add.

https://t.co/BLX5dWBj3e

[jQueryScript @jqueryscript]

Building a browser IDE or SSH console? xterm.js handles ANSI output, Vim/tmux, Unicode, and mouse input.

A PTY handles shell commands. Setup + complete API: https://t.co/Zko39ax2E1

[jQueryScript @jqueryscript]

The Ultimate Claude Code Resource List 2026: https://t.co/5Ow4OGLsr5

[jQueryScript @jqueryscript]

Claude Code v2.1.301 is out

• Set max limit waits for unattended retries with CLAUDE_CODE_RETRY_WATCHDOG
• Added OpenTelemetry tracing guidance to claude-api
• Added % matching bracket motion to vim mode
• Added multi-line text input fields to mods
• LaTeX math rendering in VS Code
• Bugfixes and polish