
🌐 Web Tech Enthusiast | Sharing the latest in #JavaScript, #CSS, #jQuery, #WebDesign #WebDevelopment | Keeping you updated on web technology hotspots 🔥 | 💻
Joined February 2013
- Tweets14.5K
- Following54
- Followers1.1K
- Likes96
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.
👉 reactscript.com/moodstone-an…
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.
👉 cssscript.com/bootstrap-aval…
CSS Animation Snippets: copy-paste animations that make any business website feel polished.
One CSS file, one optional 2 KB script, zero dependencies.
👉 cssscript.com/25-css-animati…
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.
👉 next.jqueryscript.net/next-j…
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.
next.jqueryscript.net/shadcn…
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.
🔗 titanui.com/130973-iosevka-f…
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.
👉 cssscript.com/penciled-text-…
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.
👉 cssscript.com/classless-css-…
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.
👉 next.jqueryscript.net/shadcn…
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: next.jqueryscript.net/next-j…
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
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: scriptbyai.com/fx0-ai-design…
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: cssscript.com/svg-charts-cha…
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.
👉 cssscript.com/toast-sound-ac…
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: next.jqueryscript.net/shadcn…
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.
👉 next.jqueryscript.net/shadcn…
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.
👉 cssscript.com/pele-mermaid-s…
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.
reactscript.com/morph-ui/
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: cssscript.com/terminal-emula…
The Ultimate Claude Code Resource List 2026: scriptbyai.com/claude-code-r…


















