
🌐 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…












