Search Results for "css"

Enlightened library to convert HTML and CSS to SVG. Satori supports the JSX syntax, which makes it very straightforward to use. Satori will render the element into a 600×400 SVG, and return the SVG string. Under the hood, it handles layout calculation, font, typography and more, to generate a SVG that matches the exact same HTML and CSS in a browser. Satori only accepts JSX elements that are pure and stateless.

Remotion is a cutting-edge library that lets developers create real videos programmatically using React components, transforming familiar UI paradigms into a flexible, code-driven video production workflow. Instead of traditional timeline editors, Remotion leverages HTML, CSS, and JavaScript to define video frames, animations, and transitions, which means developers can use states, props, loops, and component hierarchies to automate complex motion graphics. Because it integrates with the React ecosystem, Remotion fits naturally into modern front-end stacks and tooling, and can produce dynamic content like personalized videos, dashboards, and data-driven animations with the same code used to build interactive web apps. ...

...It uses the Flux Pro 1.1 model hosted on Together AI to generate logos, so the heavy lifting is done by a state-of-the-art image model while the app focuses on UX and workflow. The project is built with Next.js and TypeScript, and it uses shadcn/ui plus Tailwind CSS for a modern, responsive interface that feels like a polished SaaS product rather than a demo. It integrates Clerk for authentication so users can sign in, save their logo history (planned via a dashboard), and potentially manage usage tied to their own API key. Upstash Redis is used for rate limiting, which is important for controlling API usage and preventing abuse when generating many images. ...

...Get started with Horizon AI Boilerplate today. Horizon AI Boilerplate is the first open-source Admin Dashboard OpenAI ChatGPT AI Template made for Shadcn UI, NextJS, and Tailwind CSS! Start creating outstanding Chat AI SaaS Apps faster. It comes with over 30+ dark/light frontend individual elements, like buttons, inputs, navbars, nav tabs, cards, or alerts, giving you the freedom of choosing and combining.

AI Code Translator is a web-based tool that leverages AI to translate source code from one programming language to another, making cross-language porting or code conversion significantly easier — useful when migrating codebases, experimenting across languages, or learning how code patterns map across languages. The UI is built with Next.js + TypeScript, plus modern tooling like Tailwind CSS, giving a clean frontend experience where you paste or upload code, select target language, and get output quickly. Because it uses AI under the hood, the translation can handle not just syntax but also adapt idioms or patterns appropriately for the target language (though with the usual caveats around AI output correctness). The project is open-source under MIT license, so you can self-host it, integrate into internal tools, or customize language-options and prompts to match your team’s style or language preferences.

...Installation is easy, and the extension supports the latest ChatGPT interface. Simply open ChatGPT, click the “Bulk Delete” button, and confirm your action to quickly clear your chat history. Built with React, TypeScript, and Tailwind CSS, and actively maintained for the best user experience. Key Features: • Bulk delete all or selected ChatGPT conversations with one click • Fast, safe, and privacy-conscious operation • Open source and free to use Installation: 1. Clone the repository: git clone https://github.com/joysey/chatgpt-bulk-delete.git 2. Install dependencies: pnpm install 3. ...