Video wird geladen...

Video konnte nicht geladen werden

Beim Laden dieses Videos ist ein Problem aufgetreten. Dies könnte an einem vorübergehenden Netzwerkproblem liegen oder das Video ist möglicherweise nicht verfügbar.

finally liquid glass web is here and it's open source. real WebGL refraction, chromatic aberration, liquid motion not usual backdrop-filter css hack. playground at code at MIT so do whatever you want with it #LiquidGlass #OpenSource #ReactJS #WebGL #UIComponents #FrontendDevelopment #CSS #JavaScript #WebDev #UI #UX #React #ComponentLibrary #OpenSourceSoftware #Frontend

Tirth Parmar

1,492 subscribers

64,271 Aufrufe • vor 1 Monat •via X (Twitter)

Kunst Bildung Wissenschaft & Technologie #LiquidGlass

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

ITSHOVER is redefining UI design with motion-first animated icons built for modern applications. Instead of lifeless SVGs, every icon is designed to react, engage, and enhance user experience through meaningful animation. Built for React, Next.js, Tailwind CSS, and modern web stacks. Why developers are paying attention • Motion-first icon library • Beautiful animated interactions • React & Next.js ready • Tailwind CSS friendly • Open source and fully customizable • Designed for modern products and SaaS applications • 2,200+ GitHub stars • 100,000+ biweekly visits The future of interfaces isn't static. It's interactive. It's responsive. It's ITSHOVER. Website: GitHub: Early adopters always win first. #ITSHOVER #OpenSource #ReactJS #NextJS #WebDevelopment #UIUX #Frontend #TailwindCSS #DesignSystems #AnimatedIcons #BuildInPublic #Developers #GitHub #WebDesign #SaaS #Startup #IndieHackers

ITSHOVER is redefining UI design with motion-first animated icons built for modern applications. Instead of lifeless SVGs, every icon is designed to react, engage, and enhance user experience through meaningful animation. Built for React, Next.js, Tailwind CSS, and modern web stacks. Why developers are paying attention • Motion-first icon library • Beautiful animated interactions • React & Next.js ready • Tailwind CSS friendly • Open source and fully customizable • Designed for modern products and SaaS applications • 2,200+ GitHub stars • 100,000+ biweekly visits The future of interfaces isn't static. It's interactive. It's responsive. It's ITSHOVER. Website: GitHub: Early adopters always win first. #ITSHOVER #OpenSource #ReactJS #NextJS #WebDevelopment #UIUX #Frontend #TailwindCSS #DesignSystems #AnimatedIcons #BuildInPublic #Developers #GitHub #WebDesign #SaaS #Startup #IndieHackers

👑 KING NEXT 100X

32,340 Aufrufe • vor 2 Monaten

Anthropic's most viral feature is now open-source! Until now, Anthropic's Generative UI capabilities only existed inside its own products. CopilotKit🪁 just shipped Open Generative UI, an open-source implementation of Claude Artifacts that works in any app. The agent generates HTML/SVG at runtime, and CopilotKit streams it token-by-token into a sandboxed iframe inside the app's chat. So the user can watch the UI assemble itself in real time, not after the full response is ready. The sandbox is fully isolated with no access to the parent app, the DOM, or user data. So if the agent hallucinates broken markup or unexpected JavaScript, nothing leaks outside the iframe. Under the hood, the agent does not select from pre-built components. Instead, it generates arbitrary visuals from scratch every time. The output is unconstrained by default, but you can shape it by defining prompt-based skills that teach the agent specific visual formats or guidelines. For instance, a skill prompt can guide the agent toward producing a Chart.js dashboard with proper axis labels and responsive sizing, or an interactive 3D model with rotation controls. The video below shows this in action, and the output quality you see actually comes from the skills layer. Open Generative UI runs on AG-UI, so it works out of the box with LangGraph, CrewAI, Mastra, Google ADK, AWS Strands, and more. It also ships with a standalone MCP server that plugs into Claude Code, Cursor, or any MCP-compatible client. And the entire stack is built on top of CopilotKit, the open-source frontend framework for agents and generative UI. 30k+ GitHub stars, with SDKs for React, Next.js, Angular, and Vue. I have shared the GitHub repo and a live playground in the replies!

Anthropic's most viral feature is now open-source! Until now, Anthropic's Generative UI capabilities only existed inside its own products. CopilotKit🪁 just shipped Open Generative UI, an open-source implementation of Claude Artifacts that works in any app. The agent generates HTML/SVG at runtime, and CopilotKit streams it token-by-token into a sandboxed iframe inside the app's chat. So the user can watch the UI assemble itself in real time, not after the full response is ready. The sandbox is fully isolated with no access to the parent app, the DOM, or user data. So if the agent hallucinates broken markup or unexpected JavaScript, nothing leaks outside the iframe. Under the hood, the agent does not select from pre-built components. Instead, it generates arbitrary visuals from scratch every time. The output is unconstrained by default, but you can shape it by defining prompt-based skills that teach the agent specific visual formats or guidelines. For instance, a skill prompt can guide the agent toward producing a Chart.js dashboard with proper axis labels and responsive sizing, or an interactive 3D model with rotation controls. The video below shows this in action, and the output quality you see actually comes from the skills layer. Open Generative UI runs on AG-UI, so it works out of the box with LangGraph, CrewAI, Mastra, Google ADK, AWS Strands, and more. It also ships with a standalone MCP server that plugs into Claude Code, Cursor, or any MCP-compatible client. And the entire stack is built on top of CopilotKit, the open-source frontend framework for agents and generative UI. 30k+ GitHub stars, with SDKs for React, Next.js, Angular, and Vue. I have shared the GitHub repo and a live playground in the replies!

Akshay 🚀

86,515 Aufrufe • vor 3 Monaten

Forget about HTML, JavaScript, and CSS. You can build AI and data applications using Python alone! Python is the best programming language out there. You can now use it across the stack. Take a look at Taipy, an open-source Python library to build end-to-end production applications. Star their repository: I recorded a quick video showing how to build a simple chat interface to talk to OpenAI GPT-3.5 using Taipy alone. Something important to keep in mind: Taipy's goal is not to replace web developers but to provide an alternative to those who need to build applications without web experience. If you are a data scientist or someone dealing with data, Taipy will simplify your life considerably. Thanks to the team behind Taipy for collaborating with me on this post. Here is a link to the full demo. Download this code and run it. It takes 30 seconds:

Forget about HTML, JavaScript, and CSS. You can build AI and data applications using Python alone! Python is the best programming language out there. You can now use it across the stack. Take a look at Taipy, an open-source Python library to build end-to-end production applications. Star their repository: I recorded a quick video showing how to build a simple chat interface to talk to OpenAI GPT-3.5 using Taipy alone. Something important to keep in mind: Taipy's goal is not to replace web developers but to provide an alternative to those who need to build applications without web experience. If you are a data scientist or someone dealing with data, Taipy will simplify your life considerably. Thanks to the team behind Taipy for collaborating with me on this post. Here is a link to the full demo. Download this code and run it. It takes 30 seconds:

Santiago

233,902 Aufrufe • vor 2 Jahren

Finally, a proper chat UI for Hermes Agent (open-source)! Hermes ships an official dashboard, but it's primarily built for management, and its chat is just a terminal piped into a browser tab. Hermes Web UI is an open-source chat-first alternative. It's self-hosted and points at your existing ~/.hermes state, so there's nothing new to configure. - It's a native web chat, not a terminal in a tab - Sessions group by date with a context ring - Kanban renders the agent's task board - Spaces manages your workspaces - Skills panel lists the full catalog - Tasks panel shows cron jobs - Insights show usage and activity - Memory shows MEMORY and SOUL files - Logs tails the agent, gateway, and error logs The whole setup runs 100% locally, binds to localhost by default, and you reach it over an SSH tunnel or Tailscale from your phone. I have shared the Hermes Web UI GitHub repo in the replies. Do note that it's a community project, not official, so expect occasional rough edges (concurrent profile runs are blocked for now). To dive deeper into Hermes Agent, my co-founder wrote a full masterclass about it, covering the learning loop, the memory tiers, self-evolving skills, GEPA, and running multiple isolated agents. Read it below.

Avi Chawla

77,513 Aufrufe • vor 2 Monaten

Introducing db-mover A GUI tool to copy or download database content directly from your browser. Try it here: Check code: I work with a lot of databases: Mongo, Postgres, MySQL, Redis. Every time I need to move data, I am digging through old bash scripts and praying I do not mess up. Recently I got stuck. I was moving a staging database to a new server and I was not at my PC. I only had my phone. I could not run my scripts and had to wait until I got home to fix it. That's why I built db-mover. It is simple, paste your source URL, paste your destination URL, and hit start. You get real-time progress bars and live logs. 100% open source. Give it a try if you want to move data without the terminal. You can also suggest new feature , send in improvements you want added. #OpenSource #DevTools #Database #mongodb #postgres #mysql

Introducing db-mover A GUI tool to copy or download database content directly from your browser. Try it here: Check code: I work with a lot of databases: Mongo, Postgres, MySQL, Redis. Every time I need to move data, I am digging through old bash scripts and praying I do not mess up. Recently I got stuck. I was moving a staging database to a new server and I was not at my PC. I only had my phone. I could not run my scripts and had to wait until I got home to fix it. That's why I built db-mover. It is simple, paste your source URL, paste your destination URL, and hit start. You get real-time progress bars and live logs. 100% open source. Give it a try if you want to move data without the terminal. You can also suggest new feature , send in improvements you want added. #OpenSource #DevTools #Database #mongodb #postgres #mysql

JC Coder

13,632 Aufrufe • vor 6 Monaten

Wouldn't it be cool to interact with real objects in #MixedReality? For instance, doing a simple action like pouring water into your glass and making it become magical with augmentations? I think it would and that's why I made an opensource Unity plugin to make it happen. Currently, mixed reality headsets do not offer object tracking and we have no camera access to implement it ourselves. But I had an idea: since we interact with objects with our hands, why can't we just track the hands to infer the pose of the object we are holding? I tried to carry on this idea and after a few weeks,open-sourceand fully I came up with this opensource plugin that lets you do exactly this. It is an alpha, it has a lot of problems, also because the tracking of the hands becomes a bit glitchy when you are holding an object, but you can already do nice things with it. And it's full opensource and cross-platform (I used AR Foundation), so you can have fun with it however you want. It's a gift I give to the community. You can see the full video of the animation, with the explanation of what I did behind the curtains, at this link: The article I wrote on my blog about it is available instead here: If you want to play around with the repository of the plugin, you have to go to this page: I hope to have inspired you a bit... let me know what your thoughts are! #VirtualReality #metaverse #gamedev #unity #unity3d

Wouldn't it be cool to interact with real objects in #MixedReality? For instance, doing a simple action like pouring water into your glass and making it become magical with augmentations? I think it would and that's why I made an opensource Unity plugin to make it happen. Currently, mixed reality headsets do not offer object tracking and we have no camera access to implement it ourselves. But I had an idea: since we interact with objects with our hands, why can't we just track the hands to infer the pose of the object we are holding? I tried to carry on this idea and after a few weeks,open-sourceand fully I came up with this opensource plugin that lets you do exactly this. It is an alpha, it has a lot of problems, also because the tracking of the hands becomes a bit glitchy when you are holding an object, but you can already do nice things with it. And it's full opensource and cross-platform (I used AR Foundation), so you can have fun with it however you want. It's a gift I give to the community. You can see the full video of the animation, with the explanation of what I did behind the curtains, at this link: The article I wrote on my blog about it is available instead here: If you want to play around with the repository of the plugin, you have to go to this page: I hope to have inspired you a bit... let me know what your thoughts are! #VirtualReality #metaverse #gamedev #unity #unity3d

TonyVT SkarredGhost

20,878 Aufrufe • vor 2 Jahren

50% of my consulting work right now is helping companies use open-source models at scale. Everyone knows how to use an open-source LLM on their computers, but it's really hard to do this at scale for thousands of users. Here is how this plays out: 1. A team builds a prototype using DeepSeek. 2. Everything looks good. It works! 3. They follow an online guide to deploy the model online. 4. They ask 10 users to try the app. 5. Latency spikes everywhere. 6. The entire system halts. 7. They blame DeepSeek and try again using a new model. The problem is always with scaling inference, not the model. Here is one recommendation I give companies: Check out Nebius Token Factory if you don't want to ever think about deploying an open-source model again. This is a managed inference platform for deploying open-source LLMs at scale. This is not for prototypes or research experiments. This is for when you have a real application with real users. Three important notes about Token Factory: • You have complete control over how inference runs. • You have predictable tail latency (P99, not averages). • No surprise costs when you scale up. You can preplan your budget. Check it out here: Here are two codes you can use to get 100 hours of GPU usage on me: ymJLFa2ARYSKEdqb AdckcZaYjm7KqYY7 Thanks to the Nebius team for their continuous partnership.

50% of my consulting work right now is helping companies use open-source models at scale. Everyone knows how to use an open-source LLM on their computers, but it's really hard to do this at scale for thousands of users. Here is how this plays out: 1. A team builds a prototype using DeepSeek. 2. Everything looks good. It works! 3. They follow an online guide to deploy the model online. 4. They ask 10 users to try the app. 5. Latency spikes everywhere. 6. The entire system halts. 7. They blame DeepSeek and try again using a new model. The problem is always with scaling inference, not the model. Here is one recommendation I give companies: Check out Nebius Token Factory if you don't want to ever think about deploying an open-source model again. This is a managed inference platform for deploying open-source LLMs at scale. This is not for prototypes or research experiments. This is for when you have a real application with real users. Three important notes about Token Factory: • You have complete control over how inference runs. • You have predictable tail latency (P99, not averages). • No surprise costs when you scale up. You can preplan your budget. Check it out here: Here are two codes you can use to get 100 hours of GPU usage on me: ymJLFa2ARYSKEdqb AdckcZaYjm7KqYY7 Thanks to the Nebius team for their continuous partnership.

Santiago

48,443 Aufrufe • vor 6 Monaten

🚨Architects are going to hate this. Someone just open sourced a full 3D building editor that runs entirely in your browser. No AutoCAD. No Revit. No $5,000/year licenses. It's called Pascal Editor. Built with React Three Fiber and WebGPU -- meaning it renders directly on your GPU at near-native speed. Here's what's inside this thing: → A full building/level/wall/zone hierarchy you can edit in real time → An ECS-style architecture where every object updates through GPU-powered systems → Zustand state management with full undo/redo built in → Next.js frontend so it deploys as a web app, not a desktop install → Dirty node tracking -- only re-renders what changed, not the whole scene Here's the wildest part: You can stack, explode, or solo individual building levels. Select a zone, drag a wall, reshape a slab -- all in 3D, all in the browser. Architecture firms pay $50K+ per seat for BIM software that does this workflow. This is free. 100% Open Source.

🚨Architects are going to hate this. Someone just open sourced a full 3D building editor that runs entirely in your browser. No AutoCAD. No Revit. No $5,000/year licenses. It's called Pascal Editor. Built with React Three Fiber and WebGPU -- meaning it renders directly on your GPU at near-native speed. Here's what's inside this thing: → A full building/level/wall/zone hierarchy you can edit in real time → An ECS-style architecture where every object updates through GPU-powered systems → Zustand state management with full undo/redo built in → Next.js frontend so it deploys as a web app, not a desktop install → Dirty node tracking -- only re-renders what changed, not the whole scene Here's the wildest part: You can stack, explode, or solo individual building levels. Select a zone, drag a wall, reshape a slab -- all in 3D, all in the browser. Architecture firms pay $50K+ per seat for BIM software that does this workflow. This is free. 100% Open Source.

Guri Singh

2,967,409 Aufrufe • vor 4 Monaten

NOBODY wants to send their data to Google or OpenAI. Yet here we are, shipping proprietary code, customer information, and sensitive business logic to closed-source APIs we don't control. While everyone's chasing the latest closed-source releases, open-source models are quietly becoming the practical choice for many production systems. Here's what everyone is missing: Open-source models are catching up fast, and they bring something the big labs can't: privacy, speed, and control. I built a playground to test this myself. Used CometML's Opik to evaluate models on real code generation tasks - testing correctness, readability, and best practices against actual GitHub repos. Here's what surprised me: OSS models like MiniMax-M2, Kimi k2 performed on par with the likes of Gemini 3 and Claude Sonnet 4.5 on most tasks. But practically MiniMax-M2 turns out to be a winner as it's twice as fast and 12x cheaper when you compare it to models like Sonnet 4.5. Well, this isn't just about saving money. When your model is smaller and faster, you can deploy it in places closed-source APIs can't reach: ↳ Real-time applications that need sub-second responses ↳ Edge devices where latency kills user experience ↳ On-premise systems where data never leaves your infrastructure MiniMax-M2 runs with only 10B activated parameters. That efficiency means lower latency, higher throughput, and the ability to handle interactive agents without breaking the bank. The intelligence-to-cost ratio here changes what's possible. You're not choosing between quality and affordability anymore. You're not sacrificing privacy for performance. The gap is closing, and in many cases, it's already closed. If you're building anything that needs to be fast, private, or deployed at scale, it's worth taking a look at what's now available. MiniMax-M2 is 100% open-source, free for developers right now. I have shared the link to their GitHub repo in the next tweet. You will also find the code for the playground and evaluations I've done.

NOBODY wants to send their data to Google or OpenAI. Yet here we are, shipping proprietary code, customer information, and sensitive business logic to closed-source APIs we don't control. While everyone's chasing the latest closed-source releases, open-source models are quietly becoming the practical choice for many production systems. Here's what everyone is missing: Open-source models are catching up fast, and they bring something the big labs can't: privacy, speed, and control. I built a playground to test this myself. Used CometML's Opik to evaluate models on real code generation tasks - testing correctness, readability, and best practices against actual GitHub repos. Here's what surprised me: OSS models like MiniMax-M2, Kimi k2 performed on par with the likes of Gemini 3 and Claude Sonnet 4.5 on most tasks. But practically MiniMax-M2 turns out to be a winner as it's twice as fast and 12x cheaper when you compare it to models like Sonnet 4.5. Well, this isn't just about saving money. When your model is smaller and faster, you can deploy it in places closed-source APIs can't reach: ↳ Real-time applications that need sub-second responses ↳ Edge devices where latency kills user experience ↳ On-premise systems where data never leaves your infrastructure MiniMax-M2 runs with only 10B activated parameters. That efficiency means lower latency, higher throughput, and the ability to handle interactive agents without breaking the bank. The intelligence-to-cost ratio here changes what's possible. You're not choosing between quality and affordability anymore. You're not sacrificing privacy for performance. The gap is closing, and in many cases, it's already closed. If you're building anything that needs to be fast, private, or deployed at scale, it's worth taking a look at what's now available. MiniMax-M2 is 100% open-source, free for developers right now. I have shared the link to their GitHub repo in the next tweet. You will also find the code for the playground and evaluations I've done.

Akshay 🚀

50,323 Aufrufe • vor 8 Monaten

Andrej Karpathy (co-founder of OpenAI, LLM Wiki pattern creator): "Obsidian is the IDE. The LLM is the programmer. The wiki is the codebase. knowledge compounds like interest when the AI owns the maintenance." Someone built the open-source implementation of that principle. 6,800 stars. MIT licensed. Two minutes to install. Here is what it actually does: → ingest: drop a source, Claude reads it, pulls out people and ideas, creates 8-15 linked pages automatically → batch ingest: parallel agents read an entire pile at once, then cross-reference everything → query: ask your brain anything, it reads the cache, scans the index, cites the exact pages → /autoresearch: three rounds of search, fetch, synthesize, file — autonomous web research → lint: finds orphans, dead links, stale claims, missing cross-references → the real unlock: point every claude code project at the same vault — one brain, every project hot cache refreshed at the end of every session. next session opens with full recent context. no recap, no re-explaining. plain markdown, no subscription, no lock-in. Bookmark so you do not lose it! Follow NeilXbt for more Obsidian and Claude builds that show you what a self-maintaining second brain actually requires.

Andrej Karpathy (co-founder of OpenAI, LLM Wiki pattern creator): "Obsidian is the IDE. The LLM is the programmer. The wiki is the codebase. knowledge compounds like interest when the AI owns the maintenance." Someone built the open-source implementation of that principle. 6,800 stars. MIT licensed. Two minutes to install. Here is what it actually does: → ingest: drop a source, Claude reads it, pulls out people and ideas, creates 8-15 linked pages automatically → batch ingest: parallel agents read an entire pile at once, then cross-reference everything → query: ask your brain anything, it reads the cache, scans the index, cites the exact pages → /autoresearch: three rounds of search, fetch, synthesize, file — autonomous web research → lint: finds orphans, dead links, stale claims, missing cross-references → the real unlock: point every claude code project at the same vault — one brain, every project hot cache refreshed at the end of every session. next session opens with full recent context. no recap, no re-explaining. plain markdown, no subscription, no lock-in. Bookmark so you do not lose it! Follow NeilXbt for more Obsidian and Claude builds that show you what a self-maintaining second brain actually requires.

NeilXbt

33,993 Aufrufe • vor 1 Monat

I've been building a music player with Next.js for fun. Here's a quick demo of how it works (it's open source!) • Demo: • Code: If you want to learn more about how it's built, here's more details ↓ I'm using Postgres (with Drizzle) to store information about the songs and playlists. Audio and image files are stored in Vercel Blob (object storage), and the URLs are then referenced in the database. For the UI, I'm using shadcn/ui (so Tailwind CSS and Radix). This made it easy to copy/paste in some nice components, like the dropdown menus. I built the entire first version of the UI in v0 and then iterated from there, feeding it my Drizzle schema as a source in the project and having it scaffold some of the boilerplate for me: I added support for keyboard navigation (using arrow keys) or vim motions (j/k to go up/down, and h/l to go between playlists and tracks). Also, space to toggle the now playing song, and / to focus the search input. The search function has a nice utility to highlight the currently searched text on the page in yellow. Then, I was exploring how to pass metadata from my application to macOS or iOS. Turns out there's an API for that – MediaSession. Web apps can share metadata about what media is playing (title, artist, album artwork) and sync play/pause/seek with system media controls. Works across modern browsers — even integrates with iOS dynamic island and shows up on lock screens: I set up my app like a PWA – it has a manifest.json file, so it can be installed to my iOS home screen or added to my dock on macOS. On iOS, it then uses the full screen height `100dvh` (dynamic viewport) and has padding on the bottom for the safe area with the `env()` CSS function. Finally, I was able to use the Vercel AI SDK in a script to clean up the metadata on audio files I downloaded from YouTube. Bonus: I even was able to dogfood the React Compiler, which helped me fix a performance bug! That's all! It's fun to make personal software:

I've been building a music player with Next.js for fun. Here's a quick demo of how it works (it's open source!) • Demo: • Code: If you want to learn more about how it's built, here's more details ↓ I'm using Postgres (with Drizzle) to store information about the songs and playlists. Audio and image files are stored in Vercel Blob (object storage), and the URLs are then referenced in the database. For the UI, I'm using shadcn/ui (so Tailwind CSS and Radix). This made it easy to copy/paste in some nice components, like the dropdown menus. I built the entire first version of the UI in v0 and then iterated from there, feeding it my Drizzle schema as a source in the project and having it scaffold some of the boilerplate for me: I added support for keyboard navigation (using arrow keys) or vim motions (j/k to go up/down, and h/l to go between playlists and tracks). Also, space to toggle the now playing song, and / to focus the search input. The search function has a nice utility to highlight the currently searched text on the page in yellow. Then, I was exploring how to pass metadata from my application to macOS or iOS. Turns out there's an API for that – MediaSession. Web apps can share metadata about what media is playing (title, artist, album artwork) and sync play/pause/seek with system media controls. Works across modern browsers — even integrates with iOS dynamic island and shows up on lock screens: I set up my app like a PWA – it has a manifest.json file, so it can be installed to my iOS home screen or added to my dock on macOS. On iOS, it then uses the full screen height `100dvh` (dynamic viewport) and has padding on the bottom for the safe area with the `env()` CSS function. Finally, I was able to use the Vercel AI SDK in a script to clean up the metadata on audio files I downloaded from YouTube. Bonus: I even was able to dogfood the React Compiler, which helped me fix a performance bug! That's all! It's fun to make personal software:

Lee Robinson

118,242 Aufrufe • vor 1 Jahr

$Great question! 🤔 How do you simulate *multiple* layers of glass/refraction in video games? In the last breakdown, I discussed how to create a glass shader in Unity URP. In essence, we were taking the render of the scene from the camera without any transparent objects. This is available in URP as the global _CameraOpaqueTexture. This is good enough for most use-cases, and more or less the classic way of doing it. 🔍 What is _CameraOpaqueTexture? As the name implies, there are no transparent objects rendered into this texture, so it's not possible by default to have something like a transparent-type ocean material/shader rendered through a refractive glass shader (which samples and distorts this texture to render on its surface, as if it's transparent). ⚠️ Why it’s tricky: It's much easier to sort without much further setup if you don't have refraction, and only a transparent material, because in that case you're not simulating the transparency yourself via sampling the rendered scene texture. But for refraction, it's required-- unless you want to go down the ray/path tracing route. You could simulate accurate, real dispersion... and that's about as expensive as it sounds, and it requires a rework of your entire rendering. --> 🚫 It's not a viable suggestion to offer. 📚 There are well-known terms regarding transparency sorting you can search up, but as you've specifically asked for refractive boxes, I'll discuss briefly about that. 🧱 Simulating layers of refraction: For this kind of rendering, you need some way to render the backfaces before rendering the front. And the backfaces that are rendered may contain whatever data you'd like for additional processing in the layer front-facing mesh render. 🧪 Examples: You could render the back face as a glass shader of its own, as an intermediate step after _CameraOpaqueTexture. Then you sample this texture instead and you end up with multi-layered refraction, "just like that". You can also render the back normals only, via a fully opaque shader, and use that to manually account for that during the front render. You could even bake in data needed for thickness in realtime. 🛠️ Without making it complicated for yourself, the most straightforward method is via render textures, and you can easily set some fractional resolution. Cameras in Unity have an open slot for target textures to render to. You can use custom render textures to process _SelfTexture2D. ⏱️ It's great to do low-resolution processing for more complex tasks, like blurring and caustics. You can get massive performance boosts, considering the square law and number of pixels/fragments that need calculations (quadratic scaling). 🚧 I've not fully exploited the possibilities myself, but research/development with PRISM is ongoing!$

Great question! 🤔 How do you simulate multiple layers of glass/refraction in video games? In the last breakdown, I discussed how to create a glass shader in Unity URP. In essence, we were taking the render of the scene from the camera without any transparent objects. This is available in URP as the global _CameraOpaqueTexture. This is good enough for most use-cases, and more or less the classic way of doing it. 🔍 What is _CameraOpaqueTexture? As the name implies, there are no transparent objects rendered into this texture, so it's not possible by default to have something like a transparent-type ocean material/shader rendered through a refractive glass shader (which samples and distorts this texture to render on its surface, as if it's transparent). ⚠️ Why it’s tricky: It's much easier to sort without much further setup if you don't have refraction, and only a transparent material, because in that case you're not simulating the transparency yourself via sampling the rendered scene texture. But for refraction, it's required-- unless you want to go down the ray/path tracing route. You could simulate accurate, real dispersion... and that's about as expensive as it sounds, and it requires a rework of your entire rendering. --> 🚫 It's not a viable suggestion to offer. 📚 There are well-known terms regarding transparency sorting you can search up, but as you've specifically asked for refractive boxes, I'll discuss briefly about that. 🧱 Simulating layers of refraction: For this kind of rendering, you need some way to render the backfaces before rendering the front. And the backfaces that are rendered may contain whatever data you'd like for additional processing in the layer front-facing mesh render. 🧪 Examples: You could render the back face as a glass shader of its own, as an intermediate step after _CameraOpaqueTexture. Then you sample this texture instead and you end up with multi-layered refraction, "just like that". You can also render the back normals only, via a fully opaque shader, and use that to manually account for that during the front render. You could even bake in data needed for thickness in realtime. 🛠️ Without making it complicated for yourself, the most straightforward method is via render textures, and you can easily set some fractional resolution. Cameras in Unity have an open slot for target textures to render to. You can use custom render textures to process _SelfTexture2D. ⏱️ It's great to do low-resolution processing for more complex tasks, like blurring and caustics. You can get massive performance boosts, considering the square law and number of pixels/fragments that need calculations (quadratic scaling). 🚧 I've not fully exploited the possibilities myself, but research/development with PRISM is ongoing!

Mirza Beig

61,468 Aufrufe • vor 1 Jahr

CSS Trick 🧲 You can create magnetic links with the power of custom properties and some JavaScript 💪 a { translate: calc(clamp(-1, var(--x), 1) * var(--pad-x)) ...; transition: translate var(--s, 1s) var(--ease, var(--elastic)); } a:hover { --s: 0s; } The trick here is to pad out the list items wrapping your links and use that as a translation limit 🛑 Start by using some JavaScript to calculate a value between -1 and 1 for both the x/y axis on pointermove for each list item, not the link! 🔗 If your pointer was at the center of the item, you'd get [0,0]. If it was in the top right, you'd get [1,-1] ☝️ It's worth checking out the JavaScript snippet to see how the mapping function works. Essentially, you create a function that when given a value between two bounds, will give you a mapped value back 🤙 const mapX = mapRange( item.offsetWidth * -0.5, item.offsetWidth * 0.5, 1, -1 ) Then, on pointermove, you plug the pointer position in to get the value back out and pass that into your CSS const x = mapX(item.centerX - event.x) document.documentElement.style.setProperty(--x, x) When the pointer leaves the list item, you make sure to reset these values back to 0 ✨ Once CSS has your values, it's the trick of updating the translation of each part You know that in each axis, you only want to translate the link by the padding amount li a { translate: calc(clamp(-1, var(--x), 1) * var(--pad-x)) calc(clamp(-1, var(--y), 1) * var(--pad-y)); transition: translate var(--speed, 1s) var(--ease, var(--elastic)); } This will translate the link within the list item by the desired amount. The cool part here is that you can set an offset for the text inside the link and have that move at a different rate ⭐️ By only updating the --pad-x/y custom properties for the inside the link, you can control how much it moves nav a span { --pad-x: 0.25rem; --pad-y: 0.25rem; } And the last piece, how do you update the behavior for transition speeds? And so it springs back like that? Again, use custom properties ✨ a:hover { --s: 0s; } a { transition: translate var(--s, 1s) var(--ease, var(--elastic)); } By default, a link will use --elastic easing via linear() and have a transition-duration of 1s. When a link is hovered that speed becomes 0s because you want the link to magnetise to your pointer. How about that little gap between when your pointer enters the item but hasn't hovered the link? Set a different transition so it transitions to being hovered 🫶 nav li:hover a { --ease: ease-out; --speed: 0.1s; } That's kinda it! 🙌 Use JavaScript (~40 loc) to get the information and then let CSS do all the lifting for you 💪 Any questions or suggestions, let me know 🙏 If you want a walkthrough video, also let me know please 🙏 CodePen.IO link below 👇

CSS Trick 🧲 You can create magnetic links with the power of custom properties and some JavaScript 💪 a { translate: calc(clamp(-1, var(--x), 1) * var(--pad-x)) ...; transition: translate var(--s, 1s) var(--ease, var(--elastic)); } a:hover { --s: 0s; } The trick here is to pad out the list items wrapping your links and use that as a translation limit 🛑 Start by using some JavaScript to calculate a value between -1 and 1 for both the x/y axis on pointermove for each list item, not the link! 🔗 If your pointer was at the center of the item, you'd get [0,0]. If it was in the top right, you'd get [1,-1] ☝️ It's worth checking out the JavaScript snippet to see how the mapping function works. Essentially, you create a function that when given a value between two bounds, will give you a mapped value back 🤙 const mapX = mapRange( item.offsetWidth * -0.5, item.offsetWidth * 0.5, 1, -1 ) Then, on pointermove, you plug the pointer position in to get the value back out and pass that into your CSS const x = mapX(item.centerX - event.x) document.documentElement.style.setProperty(--x, x) When the pointer leaves the list item, you make sure to reset these values back to 0 ✨ Once CSS has your values, it's the trick of updating the translation of each part You know that in each axis, you only want to translate the link by the padding amount li a { translate: calc(clamp(-1, var(--x), 1) * var(--pad-x)) calc(clamp(-1, var(--y), 1) * var(--pad-y)); transition: translate var(--speed, 1s) var(--ease, var(--elastic)); } This will translate the link within the list item by the desired amount. The cool part here is that you can set an offset for the text inside the link and have that move at a different rate ⭐️ By only updating the --pad-x/y custom properties for the inside the link, you can control how much it moves nav a span { --pad-x: 0.25rem; --pad-y: 0.25rem; } And the last piece, how do you update the behavior for transition speeds? And so it springs back like that? Again, use custom properties ✨ a:hover { --s: 0s; } a { transition: translate var(--s, 1s) var(--ease, var(--elastic)); } By default, a link will use --elastic easing via linear() and have a transition-duration of 1s. When a link is hovered that speed becomes 0s because you want the link to magnetise to your pointer. How about that little gap between when your pointer enters the item but hasn't hovered the link? Set a different transition so it transitions to being hovered 🫶 nav li:hover a { --ease: ease-out; --speed: 0.1s; } That's kinda it! 🙌 Use JavaScript (~40 loc) to get the information and then let CSS do all the lifting for you 💪 Any questions or suggestions, let me know 🙏 If you want a walkthrough video, also let me know please 🙏 CodePen.IO link below 👇

jhey ʕ•ᴥ•ʔ

164,863 Aufrufe • vor 2 Jahren

.Cerebras CEO Andrew Feldman explains the benefits of water cooling over air cooling for datacenters: "In Buffalo at a Bills game, there are always three idiots with their shirts off. It's 10 below, and they've got their shirt off. They've been drinking hard, but they're not dead. Why aren't they dead? If you're in the water, and the water's 45 degrees, and you're there for eight minutes, you're dead. Why? It's because water is really good at sucking heat off of heat sources." "The thermal density of water is really high. It rips heat off you. The air doesn't do that. So they can stand there with their shirt off and not be dead." "It's the exact same thing when you're cooling a chip. Water has an ability to pull heat off a heat source that is vastly better than air." "It is more efficient by an order of magnitude to use liquid, water in particular is great and low cost, to pull heat off the back of chips." "Gamers have been doing it forever because they want to run those GPUs hot."

.Cerebras CEO Andrew Feldman explains the benefits of water cooling over air cooling for datacenters: "In Buffalo at a Bills game, there are always three idiots with their shirts off. It's 10 below, and they've got their shirt off. They've been drinking hard, but they're not dead. Why aren't they dead? If you're in the water, and the water's 45 degrees, and you're there for eight minutes, you're dead. Why? It's because water is really good at sucking heat off of heat sources." "The thermal density of water is really high. It rips heat off you. The air doesn't do that. So they can stand there with their shirt off and not be dead." "It's the exact same thing when you're cooling a chip. Water has an ability to pull heat off a heat source that is vastly better than air." "It is more efficient by an order of magnitude to use liquid, water in particular is great and low cost, to pull heat off the back of chips." "Gamers have been doing it forever because they want to run those GPUs hot."

TBPN

26,099 Aufrufe • vor 7 Monaten

What they don't tell you about vibe coding: • Moltbook exposed 1.5M auth tokens. The owner hadn't written a single line of code. • Tea App leaked 72,000 government IDs. The database was just open, no sophisticated hack needed. • A researcher took control of a journalist's computer through her own vibe-coded game, without a single click. The code ran fine in all three cases, tests passed, reviews looked clean, and nothing raised a flag. That's the problem nobody is talking about. Teams are shipping faster than ever. AI writes the code. CI catches build failures. Tests catch regressions. Observability catches outages. But nobody is asking the one question that actually matters: What can an attacker do with this, right now? Because the bottleneck is no longer writing code. It's understanding what that code actually exposes once it's live. PR reviews miss auth edge cases. Unit tests don't probe broken access control. Staging environments don't simulate adversarial behavior. And business logic flaws look completely fine until someone decides to break them on purpose. Strix is an open-source tool that fills this gap. It reviews your running app the way an attacker would: - Crawls the app and maps every exposed route and flow - Probes abuse paths dynamically, not just at build time - Returns findings with proof-of-concepts and suggested fixes Strix was benchmarked against 200 real companies and open-source repos, where it found 600+ verified vulnerabilities including assigned CVEs. It's designed to fit into how modern teams already work. Run it before a release, after major changes, or continuously as the app evolves. If your team is shipping AI-generated code and you don't currently have a way to answer "what does this actually expose", it's worth looking at. GitHub link in the next tweet.

What they don't tell you about vibe coding: • Moltbook exposed 1.5M auth tokens. The owner hadn't written a single line of code. • Tea App leaked 72,000 government IDs. The database was just open, no sophisticated hack needed. • A researcher took control of a journalist's computer through her own vibe-coded game, without a single click. The code ran fine in all three cases, tests passed, reviews looked clean, and nothing raised a flag. That's the problem nobody is talking about. Teams are shipping faster than ever. AI writes the code. CI catches build failures. Tests catch regressions. Observability catches outages. But nobody is asking the one question that actually matters: What can an attacker do with this, right now? Because the bottleneck is no longer writing code. It's understanding what that code actually exposes once it's live. PR reviews miss auth edge cases. Unit tests don't probe broken access control. Staging environments don't simulate adversarial behavior. And business logic flaws look completely fine until someone decides to break them on purpose. Strix is an open-source tool that fills this gap. It reviews your running app the way an attacker would: - Crawls the app and maps every exposed route and flow - Probes abuse paths dynamically, not just at build time - Returns findings with proof-of-concepts and suggested fixes Strix was benchmarked against 200 real companies and open-source repos, where it found 600+ verified vulnerabilities including assigned CVEs. It's designed to fit into how modern teams already work. Run it before a release, after major changes, or continuously as the app evolves. If your team is shipping AI-generated code and you don't currently have a way to answer "what does this actually expose", it's worth looking at. GitHub link in the next tweet.

Akshay 🚀

52,399 Aufrufe • vor 4 Monaten

Chamath Palihapitiya: "When you use our harness with Claude, it was simultaneously 1.4x cheaper and 1.5x faster than just using Anthropic Opus 4.8 alone" "But if you wrap the open source model with our software factory, it was 16.4x cheaper" This is him reading out the numbers from his own pilot: "So we took our software factory, which is an agnostic third party control plane, and we just wanted to see, and we ran it on a very typical enterprise task, which is you have an old piece of code, you want to migrate it and you want to maintain it in a new framework so that it's easier and more flexible." "Now it was three times slower. But you're talking about a couple of extra hours to save 16.4x." "This was all using open router on a very traditional hardware stack." "If you are a reasonable company, why are you not finding an independent way to access this intelligence in a way that doesn't leak your edge away? To do so at this point now is kind of becoming derelict and irresponsible." "To continue to make the same decision, I think is really insanely dumb." Bookmark & watch today ↓

Chamath Palihapitiya: "When you use our harness with Claude, it was simultaneously 1.4x cheaper and 1.5x faster than just using Anthropic Opus 4.8 alone" "But if you wrap the open source model with our software factory, it was 16.4x cheaper" This is him reading out the numbers from his own pilot: "So we took our software factory, which is an agnostic third party control plane, and we just wanted to see, and we ran it on a very typical enterprise task, which is you have an old piece of code, you want to migrate it and you want to maintain it in a new framework so that it's easier and more flexible." "Now it was three times slower. But you're talking about a couple of extra hours to save 16.4x." "This was all using open router on a very traditional hardware stack." "If you are a reasonable company, why are you not finding an independent way to access this intelligence in a way that doesn't leak your edge away? To do so at this point now is kind of becoming derelict and irresponsible." "To continue to make the same decision, I think is really insanely dumb." Bookmark & watch today ↓

Fireside Alpha

183,713 Aufrufe • vor 12 Tagen

Introducing Agentic Animator You can now just tell Codex to create new model animations from scratch, here's how it works: - Be precise. Describe exactly the motion, hands, shoulders, legs - Don't expect a oneshot, we're in a completely new field here, it will get the rotation of arms wrong (see demo), just tell it what you see. - The harness: If you try to build a similar app, you will be frustrated very quickly, because a skeleton rig may contain dozens of bones, each with translation, rotation, scale. We're talking about at least 12 properties per bone per frame! Instead, I gave it some high level tool to build an initial animation "blockout", it only places a few keyframes on select bones. That is often enough! ThreeJS can interpolate between the frames and you might not need 30 fps to get a good animation for your model. Anyways it's open source and on github so you can just tell your agent to copy whatever i did and it'll likely work Just promise me to stay open source, yea? Don't you apply to YC with my findings bro

Introducing Agentic Animator You can now just tell Codex to create new model animations from scratch, here's how it works: - Be precise. Describe exactly the motion, hands, shoulders, legs - Don't expect a oneshot, we're in a completely new field here, it will get the rotation of arms wrong (see demo), just tell it what you see. - The harness: If you try to build a similar app, you will be frustrated very quickly, because a skeleton rig may contain dozens of bones, each with translation, rotation, scale. We're talking about at least 12 properties per bone per frame! Instead, I gave it some high level tool to build an initial animation "blockout", it only places a few keyframes on select bones. That is often enough! ThreeJS can interpolate between the frames and you might not need 30 fps to get a good animation for your model. Anyways it's open source and on github so you can just tell your agent to copy whatever i did and it'll likely work Just promise me to stay open source, yea? Don't you apply to YC with my findings bro

robot

10,555 Aufrufe • vor 4 Monaten

UFO Revolution: S2E3 - 2027 and the Approaching Craft. Is it a Lie? "You're gonna be told that there is a craft on its way to Earth. That 100 f**king percent is the lie you are going to be told." ~Corbell (Well, I was not expecting this. And right now, I don't know what to think. But we all know it's been hinted at by various folks, including Lue Elizondo. So what's going on?) ~ Jeremy Kenyon Lockyer Corbell: "Your government now wants you to know one truth, and that truth is that UFOs are real. They've already done told you. Sometimes, when you want somebody to know a truth, it's so you can set them up to believe a lie, and that's coming. I have zero doubt that lie is coming." Producer: "What is the lie?" Corbell: "Specifically, you want me to say it right now, for real, real? On camera, to be put in the show?" Producer: "Yes." Corbell: "Okay. Problem with that: If we tell the lie before it's told, they can adapt. That wouldn't be wise. I'll tell you privately, but I would really think about if you want to put this in your show. For real. That's a real thing I'm telling you. So, will you think about it before putting it in your show?" Producer: "Absolutely." Corbell: "Okay. So UFOs are real, and they've been here a long time, and that's the truth. But the lie is coming. All indications, like ALL of them, is that that lie is going to be that there is a craft slowly making its way to us here on Earth. And that is the lie they're gonna want you to believe. "It's nuanced, how they explain that, the nature of that threat. But that 100 f**king percent is the lie you are going to be told. You even got a date. People been whispering a date for a long time now. I know where that lie comes from. I know, specifically, what document from the 70s initiated the idea of that lie. A classified document. That is the lie you will be told. You're gonna be told that there is a craft on its way to Earth. That's the lie. "Maybe I'm wrong. Hope I'm wrong. I sent you two texts today with a year (Messages showing 2027 are shown on a cell phone). Not from me. Nope, I'm not gonna propagate that lie. I'm not gonna be part of it, I'm not going to say it to the camera. Everybody knows. Just start paying attention. And they'll change the date - especially if they see this - things will change. Because maybe I'm trustworthy, maybe I'm worthy of your trust, maybe I've told you the truth the whole way through it and now and you can verify it. If that's the case, then I'm f**king dangerous. "You've been told the truth about UFOs for a long time now. It's been pretty orchestrated, it's been pretty clear, and it's using people that are telling the truth and wanna tell the truth. Ultimately, they want you to know something. They want you to know UFOs are real. Thank God, we're finally there, we're all there now. They want you to know the truth. But why [do] they want you to know that truth now. I hope I'm wrong, but it's terrifying. Think about it "Maybe it's good to get ahead of it, call it out now, before they do it. I'll be called crazy. That's okay."

UFO Revolution: S2E3 - 2027 and the Approaching Craft. Is it a Lie? "You're gonna be told that there is a craft on its way to Earth. That 100 fking percent is the lie you are going to be told." ~Corbell (Well, I was not expecting this. And right now, I don't know what to think. But we all know it's been hinted at by various folks, including Lue Elizondo. So what's going on?) ~ Jeremy Kenyon Lockyer Corbell: "Your government now wants you to know one truth, and that truth is that UFOs are real. They've already done told you. Sometimes, when you want somebody to know a truth, it's so you can set them up to believe a lie, and that's coming. I have zero doubt that lie is coming." Producer: "What is the lie?" Corbell: "Specifically, you want me to say it right now, for real, real? On camera, to be put in the show?" Producer: "Yes." Corbell: "Okay. Problem with that: If we tell the lie before it's told, they can adapt. That wouldn't be wise. I'll tell you privately, but I would really think about if you want to put this in your show. For real. That's a real thing I'm telling you. So, will you think about it before putting it in your show?" Producer: "Absolutely." Corbell: "Okay. So UFOs are real, and they've been here a long time, and that's the truth. But the lie is coming. All indications, like ALL of them, is that that lie is going to be that there is a craft slowly making its way to us here on Earth. And that is the lie they're gonna want you to believe. "It's nuanced, how they explain that, the nature of that threat. But that 100 fking percent is the lie you are going to be told. You even got a date. People been whispering a date for a long time now. I know where that lie comes from. I know, specifically, what document from the 70s initiated the idea of that lie. A classified document. That is the lie you will be told. You're gonna be told that there is a craft on its way to Earth. That's the lie. "Maybe I'm wrong. Hope I'm wrong. I sent you two texts today with a year (Messages showing 2027 are shown on a cell phone). Not from me. Nope, I'm not gonna propagate that lie. I'm not gonna be part of it, I'm not going to say it to the camera. Everybody knows. Just start paying attention. And they'll change the date - especially if they see this - things will change. Because maybe I'm trustworthy, maybe I'm worthy of your trust, maybe I've told you the truth the whole way through it and now and you can verify it. If that's the case, then I'm f**king dangerous. "You've been told the truth about UFOs for a long time now. It's been pretty orchestrated, it's been pretty clear, and it's using people that are telling the truth and wanna tell the truth. Ultimately, they want you to know something. They want you to know UFOs are real. Thank God, we're finally there, we're all there now. They want you to know the truth. But why [do] they want you to know that truth now. I hope I'm wrong, but it's terrifying. Think about it "Maybe it's good to get ahead of it, call it out now, before they do it. I'll be called crazy. That's okay."

Joe Murgia

763,115 Aufrufe • vor 1 Jahr

hey here is the final result of octopus invaders on nvidia's flagship at full precision. nemotron super 120B on 2x H200 NVL. BF16 unquantized. 287GB of VRAM. hermes agent as the harness. 60 tok/s. first try it autonomously coded for 6 minutes straight. created 11 files. correct project structure. correct load order. started the server. i opened the browser and the result was a blank screen. i did not give up. second try i gave it a precise list of bugs and things to fix. it went back in for another 3 minutes. patched the code. served it again. still blank. so i did what any sane person would do. third try i just said the screen is blank, test it and fix it yourself. and this is where nemotron showed what it actually is. it became a debugger. you can see it in the video. realtime CSS test squares, red screen flashes, hermes agent browser tools, inspecting its own output. it built the parallax background with planets and comets. it rendered a rocket ship that tracks your mouse with fire and bullet physics. the aesthetic is real. but no enemies spawn. no collision. not playable. what surprised me is qwen 27B one shotted this exact game on a single RTX 3090 at Q4 quant. and here is nvidia's flagship at full precision on enterprise hardware needing 3 tries and still not getting there. that makes my hope high for the undisputed qwen 122B which is about to face the same test next. same hardware. same prompt and same harness. lets see if it one shots or not. full session in the video. no cuts. 5x speed.

hey here is the final result of octopus invaders on nvidia's flagship at full precision. nemotron super 120B on 2x H200 NVL. BF16 unquantized. 287GB of VRAM. hermes agent as the harness. 60 tok/s. first try it autonomously coded for 6 minutes straight. created 11 files. correct project structure. correct load order. started the server. i opened the browser and the result was a blank screen. i did not give up. second try i gave it a precise list of bugs and things to fix. it went back in for another 3 minutes. patched the code. served it again. still blank. so i did what any sane person would do. third try i just said the screen is blank, test it and fix it yourself. and this is where nemotron showed what it actually is. it became a debugger. you can see it in the video. realtime CSS test squares, red screen flashes, hermes agent browser tools, inspecting its own output. it built the parallax background with planets and comets. it rendered a rocket ship that tracks your mouse with fire and bullet physics. the aesthetic is real. but no enemies spawn. no collision. not playable. what surprised me is qwen 27B one shotted this exact game on a single RTX 3090 at Q4 quant. and here is nvidia's flagship at full precision on enterprise hardware needing 3 tries and still not getting there. that makes my hope high for the undisputed qwen 122B which is about to face the same test next. same hardware. same prompt and same harness. lets see if it one shots or not. full session in the video. no cuts. 5x speed.

Sudo su

11,011 Aufrufe • vor 4 Monaten

🎉 Tailkit 4.0 is here, and I couldn't be more excited! 🙌🥳 But first - Giveaway Alert! Want to get a free Tailkit Developer license? Just drop a reply and give a like or repost (totally optional, but super appreciated). The lucky winner will be announced next Tuesday (October 8th) – good luck! Can you believe it’s already been 4 years since Tailkit’s journey started? ❤️ It feels like just yesterday I launched Tailkit 1.0 as an offline standalone web app back on October 1st, 2020. I'm really attached to this project because it was launched just a few days before I became a dad 👶😍 Fast forward to today, and Tailkit has grown into a fully customizable, feature-packed online app that gives you access to: - 550+ Tailwind CSS components (fully responsive + dark mode support) - 1,750+ Code snippets for HTML, React, Vue.js, and Alpine.js - 7 Marketing & Application Templates for HTML, React, Vue.js, and Laravel (fully responsive + dark mode support) - 10 Starter Kits for HTML, HTML with Vite, React, Vue.js, Laravel, Next.js, Nuxt, Astro, Svelte and Angular - 30 Days of Unlimited Design Service with every new Team license - Exclusive deals on third-party tools and projects - Handy helper tools like Button Builder, Color Palette, and Icon Finder - 3,700+ SVG Icons from Bootstrap and Heroicons - Free lifetime updates - Email support whenever you need it And the 4.0 update is packed with even more awesome features and upgrades: - 6 new UI components (Notifications) were added in Application UI package - 20 new UI components (Image/Content Sliders++) were added in Marketing package - React version (uses Vite) is introduced for all Templates - React code snippets were improved in all packages - Astro Starter Kit was added - Remove Dark Classes (from code snippets) option was added in App - Universal Dark Mode (preview pane can default to global dark mode) option was added in App - New preview colors (fuchsia, gray) were added in App - Heroicons v2 icons were updated to v2.1.5 adding 28+ brand new icons in App - 3 new exclusive deals are now available - UI design improvements in App - Various improvements and fixes in App - All dependencies were updated in Starter Kits - All dependencies were updated in Templates - Marketing website redesigned - Color Palette tool was made available to all I’ve put over 200 hours into this update alone, and I’m beyond excited to finally share it with you. Your continued support has made this journey possible, and I’m so grateful to have you along for the ride. 🙏 Wishing you an amazing day – remember, YOU ARE AWESOME! Go build something incredible! 🚀

John Champ

10,940 Aufrufe • vor 1 Jahr