Search Results for "css"

Screenshot-to-code is a tool or prototype that attempts to convert UI screenshots (e.g., of mobile or web UIs) into code representations, likely generating layouts, HTML, CSS, or markup from image inputs. It is part of a research/proof-of-concept domain in UI automation and image-to-UI code generation. Mapping visual design to code constructs. Code/UI layout (HTML, CSS, or markup). Examples/demo scripts showing “image UI code”.

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. ...

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.

Show Facebook Computer Vision Tags is a Chrome (and Firefox) browser extension created to expose and overlay the automatically generated image tags that Facebook applies to photos in users’ feeds. Since Facebook uses a computer-vision model to analyse user-uploaded images and generate alt-text tags for accessibility (e.g., “Image may contain: golf, grass, outdoor and nature”), this extension surfaces those hidden tags directly in the UI—revealing what kind of information Facebook infers...

Gamoliyas is an open source John Conway's Game of Life game totally written in DHTML (JavaScript, CSS and HTML). Uses mouse and keyboard. Very configurable. This cross-platform and cross-browser game was tested under BeOS, Linux, *BSD, Windows and other

OpenFlow is a web based, publishing workflow management system aimed at magazine production, controlling editorial planning thru imposition. It uses web standards (XHTML, CSS, javascript, XML, XSL, RDF) making it easy to configure and customize.

...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. ...