Beautiful UI components you can just copy & paste.... Save this ๐ - - WebGL effects over live HTML - - animated border beam effect - - free animated component library - - UI components for AI agent chats - - essential transitions for web apps - - liquid metal effect for buttons - - crafted primitives for AI interfaces - - annotate UI, brief your coding agent - - animated thinking orbs for AI UIs What am I missing?show more

Tran Mau Tri Tam โช
123,702 views โข 1 month ago
UI/UX Designers, you can now give your AI coding... agent a better design taste. I just found Refero Styles that has a library with 2,000+ DESIGN.md files from real product sites covering colors, typography, spacing, and components. Ready to paste into Cursor, Claude Code, v0, and Lovable so your agent can build with better design direction Canโt believe itโs free; bookmark it for later. ๐show more

Abraham John ๐ฆ๐ฆ
28,550 views โข 3 days ago
Gradient & color tools that make your work pop.... Save this ๐ - - mesh gradients with WebGL effects - - color ramps & tokens, WCAG-ready - - animated 3D shader gradients - - generative patterns for wall art - - mesh gradient studio, 100+ presets - - test color contrast for a11y - - editorial CSS gradients, one click - - curve-based gradient creator - - animated gradients, export to 4K What am I missing?show more

Tran Mau Tri Tam โช
19,338 views โข 24 days ago
React Native now has its own shadcn/ui equivalent โ... introducing ๐ก๐ฎ๐๐ถ๐๐ฒ๐จ๐. If you love the flexibility of copying customisable components directly into your project (avoiding heavy, dependency-laden packages), NativeUI is designed for you. ๐ก๐ฎ๐๐ถ๐๐ฒ๐จ๐ offers beautifully crafted, accessible components tailored for React Native, following the same copy-paste philosophy as shadcn/ui. Built with ๐ก๐ฎ๐๐ถ๐๐ฒ๐ช๐ถ๐ป๐ฑ for fast, declarative, and flexible styling optimised for React Native. โก๏ธ ๐๐ผ๐ฝ๐ ๐ฐ๐ผ๐บ๐ฝ๐ผ๐ป๐ฒ๐ป๐ ๐ฐ๐ผ๐ฑ๐ฒ ๐ฑ๐ถ๐ฟ๐ฒ๐ฐ๐๐น๐ ๐ถ๐ป๐๐ผ ๐๐ผ๐๐ฟ ๐ฝ๐ฟ๐ผ๐ท๐ฒ๐ฐ๐ โ no black-box dependencies required. โก๏ธ ๐๐ผ๐บ๐ฝ๐ผ๐ป๐ฒ๐ป๐๐ ๐ฎ๐ฟ๐ฒ ๐ฎ๐ฐ๐ฐ๐ฒ๐๐๐ถ๐ฏ๐น๐ฒ ๐ฏ๐ ๐ฑ๐ฒ๐ณ๐ฎ๐๐น๐, supporting screen readers and keyboard navigation, and designed to align with native iOS and Android UX patterns. โก๏ธ ๐๐๐น๐น ๐ฐ๐ผ๐ป๐๐ฟ๐ผ๐น ๐ผ๐๐ฒ๐ฟ ๐๐ผ๐๐ฟ ๐จ๐ without rebuilding common elements like buttons, inputs, or sliders from scratch. โก๏ธ ๐๐ผ๐บ๐ฝ๐ฎ๐๐ถ๐ฏ๐น๐ฒ ๐๐ถ๐๐ต ๐๐ ๐ฝ๐ผ ๐ฎ๐ป๐ฑ ๐๐ฎ๐ป๐ถ๐น๐น๐ฎ ๐ฅ๐ฒ๐ฎ๐ฐ๐ ๐ก๐ฎ๐๐ถ๐๐ฒ ๐ฝ๐ฟ๐ผ๐ท๐ฒ๐ฐ๐๐, but not yet integrated with Tamaguiโs styling system (future support may be planned). โก๏ธ ๐ฆ๐๐ฝ๐ฝ๐ผ๐ฟ๐๐ ๐๐ต๐ฒ๐บ๐ถ๐ป๐ด ๐๐ถ๐ฎ ๐ก๐ฎ๐๐ถ๐๐ฒ๐ช๐ถ๐ป๐ฑ โ though youโll need to wire it up manually using Tailwind variables, context providers, and config files. Note: The term โinstallโ in the documentation refers to using the shadcn CLI (e.g., npx shadcn@latest add component) to fetch and copy component code into your project, not adding a package to your dependencies. NativeUI isnโt a plug-and-play library; itโs a lightweight toolbox that empowers you to shape your UI with precision and control. ๐ช๐ต๐ฎ๐โ๐ ๐๐ผ๐๐ฟ ๐ฝ๐ฟ๐ฒ๐ณ๐ฒ๐ฟ๐ฒ๐ป๐ฐ๐ฒ: npm install a pre-built UI kit for speed, or copy/paste NativeUI components for ultimate customisation? #ReactNative #KeyboardUX #MobileDev #OpenSource #JSDev #Performance #iOSDev #KeyboardExtensions #ReactNativeKeyboard #UIUX #shadcn #nativeuishow more

The React Native Rewind
118,542 views โข 1 year ago
We were never fully satisfied with the animated components... available outside. Some looked good but were hard to customize. Some were easy to use but felt too basic. So 2 months ago, we started building our own. It started as a Framer component library. Then we expanded it to Next.js and MCP, so people can use it with code and AI builders too. Now weโre finally launching the beta on July 2, 11 AM IST. Only for the first 500 users. If youโre building animated websites, this will save you a lot of time. And I think youโre going to love this.show more

Praha
45,613 views โข 2 months ago
Delete your inspiration bookmarks. Replace them with these ๐... - - archive of recent visual design - - best of social post design - - gallery of bold mobile websites - - ๐ณ๐ด๐๐ธ๐ถ๐ฝ.๐ผ๐ณ files for AI agents - - best of recent design, daily - - UI animation & interaction details - - website hero section library - - the best navbar designs - - call-to-actions that convert What am I missing?show more

Tran Mau Tri Tam โช
91,470 views โข 20 days ago
๐ฌ $PALM Presents: the long-awaited Creator Studio. A token... holdings based usage system to use the latest generative AI for animations and graphics. Forget about downloadable tools or paying high subscription fees for no usage for mediocre results. Creator Studio allows you to access the tools our developers use for high-quality animated video making with the latest Generative AI tools. Creator Studio is part of the Parrot Framework that assigns tasks to AI agents when possible. You can navigate in a seamless Web UI, making the quality, three-dimensional, non-trippy AI videos and sequences you've ever wanted. We support up to 100 images per user stored in the cloud for you to make video sequences of up to 5 minutes with. Most importantly, we don't charge you a fee - your usage depends on your amount of $PALM tokens! The usage is reset monthly, so if you suddenly run out and need more points to complete your creation, you know what to do - buy some $PALM. This and more is being deployed live at where you can see a preview.show more

PaLM AI - $PALM
14,142 views โข 1 year ago
Just dropped: Horizon. Not just a theme. A new... foundation for building online stores on Shopify. One system. Ten new themes. All live today. Horizon incorporates theme blocks - 30+ drag-and-drop components you can remix across your store. Video. Product recs. Rich text. Custom content. Want holographic effects on images as you hover over them? Just say so and AI will code something just for you. Weโve also made some of your most requested updates to the theme editor: โข Copy + paste blocks anywhere โข Drag + drop across pages โข Preview blocks before publishing This is total design freedom. The fastest way to go from idea to store. Horizon is the new starting line for great brands. Letโs build.show more

Harley Finkelstein
31,696 views โข 1 year ago
The AI Agent Terminal (Public Beta) is LIVE. Trade,... analyze, and strategize, all in natural language. ๐ With Terminal Public Beta: โจ Revamped platform + Lander page ๐ New docs + Educational content pages from Gen3 โก Streamlined UX + UI What can the AI Agent Terminal do? - AI-Powered Swaps โ Trade instantly with plain text. - AI Market Analysis โ Hourly updates + daily recaps. - Automated Tasks โ Price alerts, rebalancing, recurring actions. - Strategy Building โ Create + run strategies in natural language. - Advanced Transactions โ Complex XRPL ops made effortless. - External Wallet Integrations โ Works with Joey Wallet, Xamanยฎ Wallet ๐ช + more. Pricing: - Terminal = Free - Inference = Very cheap, we are always looking for the best model rates - Link your Aigent Pass NFT holdings for discounted inference costs - Pay for inference balances directly with $AIXRP ๐ Why it matters: AI + DeFi arenโt hype anymore, theyโre live, accessible, and ready for you on XRPL. This is just the beginning. More agentic power is coming! Are you ready to enter the Terminal? Please bring all feedback to our Discord or Telegram.. weโre building this together. ๐ฌshow more

aigent.run
25,889 views โข 1 year ago
I compiled 200+ n8n automation templates you can copy... & paste into your business or sell to other companies. Just straight plug-and-play systems for: โ Lead gen -Content creation โ Email outreach โ CRM updates โ AI workflows โ Slack/Discord bots โฆand more. Follow + Reply โn8nโ and Iโll send it over. This is completely FREE. Don't even want your email.show more

Damian Player
9,135,913 views โข 1 year ago
๐จ Alibaba just open sourced a GUI agent that... lives inside your webpage and controls it with natural language. It's called Page Agent and it's not a browser extension. It's pure JavaScript no Python, no Puppeteer, no headless browser, no screenshots. Just one script tag and your web app understands natural language. Here's what it actually does: โ Embed it with a single tag or npm install โ Control any web interface with plain English commands โ Text-based DOM manipulation no OCR, no vision models needed โ Bring your own LLM (GPT, Claude, Qwen, anything) โ Ships a built-in UI with human-in-the-loop support โ Turn 20-click ERP/CRM workflows into one sentence โ Optional Chrome extension for multi-tab agent tasks โ Works on any web app SaaS, admin panels, internal tools Companies are charging $30/month for AI copilots built on this exact idea. This is 3 lines of code. Your users. Your interface. The AI copilot layer for every web app just got open sourced. 1.6K stars. 100% Open Source. (Link in the comments)show more

Ihtesham Ali
135,634 views โข 5 months ago
1/3 ๐ค Meet AgentOS: A Token-efficient, Microkernel AI agent... with on-device model routing across CLI, Web UI, and chat. A local router reads every message on your device and sends it to the cheapest model that can still do the job well. You stop overpaying for AI. โก What makes it stand out: โ Smart on-device model routing across 20+ providers ( bankrbot LLM Gateway, OpenRouter, OpenAI, Anthropic, Ollama, and more). โ Persistent local memory that survives restarts. โ A layered security sandbox (Standard, Strict, Locked). โ 37 built-in skills plus MCP, loaded only when a task needs them, and more โ One unified gateway for CLI, Web UI, Slack, Telegram, Discord, and more Remember this: AgentOS has been integrated with the Bankr LLM Gateway since day one. That means any Bankr user with Bankr API key can start using AgentOS in minutes. Let the router cook.show more

AgentOS
203,996 views โข 1 month ago
Ya know what- **FREE REACTIVE AND ART RAFFLE** *I... love making these so I'm doing a free raffle before I officially open comms for these animated reactives! Included with the animated versions you will also get a the talking and non-talking versions as PNG'S that you can do WHATEVER YOU WANT WITH THEM. (just obviously give me credit, and DO NOT use it for AI in any way, shape or form) *You don't have to follow me (though that would be nice of you if you did ๐๐ ) or repost, just comment with your character sheet/art below and tell me one thing you're planning to achieve in 2026!! Raffle closes on December 15th and I'll announce the winner the following day! Good luck!show more

~Salem~๐ฉท ๐ฆ Offkai 2026
14,676 views โข 8 months ago
Gamma isnโt just a presentation tool anymore โ it... just received a serious intelligence upgrade. Meet Gamma Agent, your AI teammate for thinking, researching, and creating high-quality content. Hereโs what it can do: โข Run live web research inside your deck โข Autoโfact-check claims with real sources โข Convert any URL into structured slides instantly โข Rewrite content in any tone โข Personalize decks for different audiences โข Summarize long documents in seconds I tested it: I uploaded a PDF, and Gamma instantly turned it into a clean, well-structured presentation. No formatting. No manual edits. Pure automation. This isnโt simple generation โ itโs active intelligence built for founders, creators, marketers, and anyone who builds content daily. Gamma just changed the game. ๐ Try Gamma: #Gamma #ProductivityTools #AI #AIAgents #gammapartnershow more

Mohini Shewale
55,879 views โข 9 months ago
Increasingly, HTML Artifacts are becoming a core part of... how I work with AI agents. Long-horizon agent sessions need a better way to surface insights about what work it has done. This may not be obvious right now, but as you start to let your agent work on dynamic workflows, large codebases, long-running loops (e.g., using /goal), and deep research tasks, you need a good way to present results. Chat window is not it. You also don't want to just trust everything the agents do. Artifacts help provide an important verification layer, which in turn enables important decision-making. I like HTML artifacts because I can just ask the agent to produce as many of them (and in whatever form) as I need to verify the work and make sense out of everything. I even built a nice tab system for my artifacts. They are great for continual learning and research. I use HTML artifacts for logging, tracking experiments, brainstorming, managing my inbox, code reviews, agent session management, deep research, writing, reading, and so much more. I believe Andrej Karpathy wrote about this somewhere: As we move on to more advanced applications of AI agents and outputs get more complex, we will start to find the need for even more advanced forms of interactions with AI, including interactive neural videos/simulations.show more

elvis
37,041 views โข 3 months ago
Fable 5 comes back๏ผIt can now build playable game... prototypes. I think it is actually a signal for where AI coding is going. Making a game is not just โwrite some code.โ Even a small browser game needs: game loop๏ผcharacter movement๏ผcollision logic๏ผscoring system๏ผUI states๏ผphysics tuning๏ผvisual feedback๏ผbug fixing๏ผplaytesting This is why game prototyping is a great test for AI models. A model cannot fake it with a pretty answer. Either the game runs, or it does not. What impressed me about Fable 5 is that it is useful for the messy middle: turning an idea into mechanics, turning mechanics into code, debugging broken interactions, and iterating until the prototype feels playable. But here is the practical part: I would not use the strongest model for every step. For game building, I would split the workflow: 1. Fable 5 for game design + architecture 2. a fast coding model for routine implementation 3. a vision-capable model for screenshot/UI feedback 4. a cheaper model for docs, test cases, and small fixes 5. fallback when latency, cost, or output quality becomes a problem That is the real AI coding stack. Not โone magic model does everything.โ More like: the right model, for the right task, at the right cost, with fallback when things break. This is why Iโve been looking at ZenMux ZenMux. ZenMux gives developers one gateway to access multiple leading AI models, with OpenAI / Anthropic / Google Vertex compatible APIs, cost tracking, quality benchmarks, auto-routing, and compensation when output quality, latency, or throughput falls short. If AI can now make games, the next question is not just โwhich model is strongest?โ It is:how do we manage the whole model workflow Fable 5 shows the creative ceiling. ZenMux is closer to the infrastructure layer you need when AI coding becomes a real production habit.show more

Rachel๐ฅฅ
61,441 views โข 2 months ago
โจIntroducing YesCheff is a web app that helps you... learn, cook, and enjoy your favorite recipes through step-by-step cooking guides built from real YouTube content. You can even use your own YouTube links. A small but special project where I brought all my capabilities together, from design (brand & product) to animation, and development. This project came from exploring how Al models parse data into frontend components and the development of generative interfaces. I designed and developed the structure through React components (HTML, CSS, JS) for the frontend and Node.js for the backend. This is a testament of how one could develop digital products in a less frustrating and more flexible way with the use of Al, particularly when it comes to getting the styling and functionality right. Now which foods are you eager to learn? Check it out at #YesCheff #WebApp #AI #Design #FrontendDevelopment #ReactJS #NodeJS #ProductDesignshow more

JEHTOMS 5.0
85,213 views โข 10 months ago
๐ Over 100,000 Users & OptimAI Lite Node v1.1... ReleasedโEdge Node Coming Soon! Get OptimAI Lite Node v1.1 now: ๐Chrome Extension: ๐ฑTelegram Mini-app: In just 10 days since launching the OptimAI Lite Node on Chrome Extension and Telegram Mini-app, weโve surpassed 100,000 active node participantsโan incredible milestone thanks to your amazing support! โจ OptimAI Lite Node v1.1 is now LIVE with significant upgrades: + Enhanced network stability for handling massive concurrent connections. + Improved UI for a smoother, more intuitive user experience. + Making your node experience smoother, more stable, and just plain better. + Automatic updates on Chrome and Telegramโno manual action required. ๐กOur Chrome Extension has successfully passed rigorous testing by the Chrome Web Store, demonstrating industry-leading security and transparency. You're always in control, always secure! ๐Up Next: OptimAI Edge Node for Mobile! Weโre working diligently to launch the Edge Nodeโbringing decentralized AI computing directly to your mobile device. Exciting updates coming soon, so stay tuned! OptimAI Network: #L2 #DePIN Reinforcement Data Network for #Agentic #AI. โญ Mine Data. Fuel AI. Earn Rewards. โญ Turn Your Data into Tomorrowโs AI #Agent. Learn more at our website:show more

OptimAI Network
224,905 views โข 1 year ago