Term.Everything is a Linux CLI program that lets you run any GUI application, right there, in your terminal.

Yes, you heard that right. Play a video game. Browse the web. Watch a movie. All within the confines of your beloved command line. And the best part? You can do it all over SSH! Imagine playing your favorite retro game on a remote server, rendered directly in your local terminal.

But wait, there's more! If your terminal supports images – like Kitty or iTerm2 – Term.Everything can render windows at full resolution. That's right, a pixel-perfect GUI application, living inside your terminal, even over SSH. It's a mind-bending feat of engineering.

And for all those new terminal file viewers popping up every day? Term.Everything has a message: Stop making them! Because now, you can just use the file viewer you already have. In your terminal.

So, how does it work? Term.Everything is a built-from-scratch Wayland compositor. Instead of outputting to your monitor, it outputs directly to your terminal.

If you've ever built an application that streams responses from an AI, you know the feeling. You watch, token by token, as the text appears. But you also see the flicker of unstyled text... the code blocks that don't look like code until the very last backtick... the bold text that suddenly snaps into place at the end.

It works, but it feels... unfinished. The user experience is jarring.

What if rendering streaming content could be as smooth and seamless as the AI generating it?

Meet Streamdown. It’s an open-source, drop-in replacement for react-markdown, but re-imagined from the ground up for the world of streaming AI.

The problem with most Markdown libraries is that they were designed for static content. They need the entire block of text to be complete before they can format it correctly.

Streamdown is different. It’s built to intelligently parse and style incomplete Markdown. That means as the tokens stream in, Streamdown is already applying formatting. Incomplete bold text? It’s already bold. An unterminated code block? It’s already styled as code. The result is a fluid, professional user experience, with no jarring layout shifts.

And getting started is incredibly simple. Because it’s a drop-in replacement for react-markdown, you can often switch over with just a one-line change in your import statement.

But Streamdown doesn't stop at streaming. It’s a full-featured powerhouse.

You get full support for GitHub Flavored Markdown—think tables, task lists, and strikethroughs.

Need to display complex formulas? It renders LaTeX equations beautifully using KaTeX.

One of its standout features is support for Mermaid diagrams. Just stream a Mermaid code block, and Streamdown provides a button to render it into a crisp, clear diagram right in the UI.

And of course, it comes with gorgeous, server-side code syntax highlighting via Shiki, making your code snippets pop.

Under the hood, Streamdown is built for the real world. It’s security-first, using harden-react-markdown to keep your application safe. And it’s performance-optimized with memoized rendering, ensuring your UI stays fast and responsive, even with rapid-fire updates.

Streamdown is the missing piece for creating polished, professional-grade AI experiences in React. It bridges the gap between the raw power of streaming models and the refined interface your users expect.

So if you're building with streaming AI, stop fighting with your Markdown renderer. Head over to npm, install Streamdown, and give your users the seamless experience they deserve.

For developers, sysadmins, and anyone running their own servers, the daily grind can feel... fragmented. You’ve got your terminal for SSH, a separate client for file transfers, another tool for managing tunnels, and maybe a dashboard to check server health. It’s a constant juggle of windows and applications.

But what if you could bring it all together? Into one clean, powerful, and self-hosted platform?

Meet Termix. It’s an open-source, forever-free, all-in-one server management platform that you host yourself. It’s designed to streamline your entire workflow, giving you a single, web-based command center for all your infrastructure.

Let’s take a look. It all starts with the Host Manager. No more memorizing IP addresses or digging through config files. You can save, organize, and tag all your SSH connections right here.

But the real power is what happens next. At its heart, Termix is a full-featured SSH terminal, right in your browser. And we're not just talking about a simple command line. You get a robust tab system and—for the power users—split-screen support for up to four panels. Monitor logs in one, run commands in another, and keep an eye on processes in a third, all without leaving the page.

Need to edit a config file on the fly? Forget firing up a separate SFTP client. Termix includes a remote file editor, complete with syntax highlighting. You can upload, download, rename, and edit files directly on the server. It’s a massive time-saver.

Termix also simplifies one of the most powerful features of SSH: tunneling. You can create and manage your SSH tunnels directly from the UI, with automatic reconnection and health monitoring to ensure your connections are always stable and secure.

And, of course, you get at-a-glance server stats. Keep an eye on CPU, memory, and disk usage for any of your connected hosts.

Because it’s self-hosted, you control your data and your security. Termix comes with secure user management, admin controls, and even OIDC support for integrating with your existing authentication systems.

All of this is wrapped in a beautiful, modern interface built with React and Tailwind CSS. It’s clean, it’s fast, and it’s intuitive.

OCR: Document to Markdown

Document to Markdown OCR library with Llama 3.2 vision

An npm library to run OCR for free with Llama 3.2 Vision.

How it works

This library uses the free Llama 3.2 endpoint from Together AI to parse images and return markdown. Paid endpoints for Llama 3.2 11B and Llama 3.2 90B are also available for faster performance and higher rate limits.

You can control this with the model option which is set to Llama-3.2-90B-Vision by default but can also accept free or Llama-3.2-11B-Vision.

Progressive Blur

Drop-in progressive (gradient) backdrop blur for React. Both radial and linear gradients are supported.

2txt

Image to text, fast. Built with the Vercel AI SDK, Claude, and Next.js.

Vortex

Vortex is a simple and fast web application. It is built with Next.js, Tailwind CSS, and Prisma.

Acknowledgments

T3 Stack
Next.js
NextAuth.js
Tailwind CSS
Prisma
Umami

License

Vortex is open source software licensed as MIT.

File Uploader

This is a file uploader component built with shadnc/ui, and react-dropzone. It is bootstrapped with create-t3-app.

Tech Stack

• Framework: Next.js
• Styling: Tailwind CSS
• UI Components: shadcn/ui
• Storage: uploadthing
• ORM: Drizzle ORM
• Validation: Zod

Features

• Reusable useFileUpload hook for uploading files with uploadthing
• Drag and drop file upload component with progress bar
• React-hook-form integration with shadnc/ui form components
• File dialog demo with adding and removing files from the scrollable list

React-Safe-Query

React-Safe-Query is a lightweight, type-safe wrapper built around React Query. It provides a type-safe API middleware for React applications, making it perfect for developers who appreciate tRPC but are working with projects that either don't use a TypeScript backend or wish to avoid the bloat and configuration associated with tRPC.

Motivation

React Query is powerful but lacks inbuilt type safety, a gap tRPC fills by offering excellent type safety and developer experience. Yet, tRPC demands a TypeScript backend, a requirement not all projects meet, especially with the rise of client-side databases like Supabase and Firebase eliminating the need for separate backends. React-Safe-Query steps in as the optimal solution for projects unable to use tRPC or those wishing to sidestep its extensive setup.

Features

• Type Safety: Bring the power of REAL type safety to React Query without needing a TypeScript backend that uses tRPC.
• Lightweight: Minimal setup and lean configuration.
• Easy to Use: Familiar API for those who have used React Query and tRPC, making integration seamless.

Magic Spell

Magic Spell is an AI-powered text editor built with Next.js and the Vercel AI SDK, using Groq for super fast inference.

react-transition-progress

react-transition-progress is a React component that provides a progress bar to display the progress of a React transition. This is particularly useful when you have a transition that takes some time to complete, as it gives the user a visual cue about the progress of the transition.

Authors

Tim Neutkens (@timneutkens)
Sam Selikoff (@samselikoff)
Ryan Toronto (@ryantotweets)

tremor-raw

Tremor Raw offers customizable, accessible React components to build dashboards and modern web applications. Built on top of Tailwind CSS and Radix UI.

Onborda - Next.js onboarding flow

Onborda is a lightweight onboarding flow that utilises framer-motion for animations and tailwindcss for styling. Fully customisable pointers (tooltips) that can easily be used with shadcn/ui for modern web applications.

Resume Worth Calculator

This app estimates the dollar worth of your resume (i.e. how much money you can make with your resume).

This project is built using Next.js and the Mistral API. The content from the resume pdf is extracted by PDF.js.

Author

This project is built by Zaurbek Stark (The Codebender).

iPhone 15 Website

this project aims to recreate the Apple iPhone 15 Pro website using React.js and TailwindCSS, with a focus on implementing smooth animations using GSAP (Greensock Animations) and rendering 3D models of the iPhone 15 Pro in different colors and sizes using Three.js and its related libraries (React Three Fiber and React Three Drei).

Tech Stack

• React.js
• Three.js
• React Three Fiber
• React Three Drei
• GSAP (Greensock)
• Vite
• Tailwind CSS

Features

1. Beautiful Subtle Smooth Animations using GSAP: Enhancing the user experience with seamless and captivating animations powered by the GSAP library.
2. 3D Model Rendering with Different Colors and Sizes: Allowing users to explore the iPhone 15 Pro from various angles with dynamic 3D rendering, offering different color and size options.
3. Custom Video Carousel (made with GSAP): Engaging users with a unique and interactive video carousel developed using GSAP for a personalized browsing experience.
4. Completely Responsive: Ensuring consistent access and optimal viewing on any device with a fully responsive design that adapts to different screen sizes.
5. Code Architecture and Reusability: Implementing a well-structured and reusable codebase for maintainability and future enhancements.