Search Results for "css-slider"
Sort By:
Showing 32 open source projects for "css-slider"
View related business solutions-
Build Agents and Models on One PlatformGemini Enterprise Agent Platform is Google Cloud's comprehensive platform for developers to build, scale, govern, and optimize agents and models. Choose from Google's most advanced models and third-party models like Anthropic's Claude Model Family.
-
Custom VMs From 1 to 96 vCPUs With 99.95% UptimeLive migration and automatic failover keep workloads online through maintenance. One free e2-micro VM every month.
-
1
Nano Bananary
One-click generation of various gameplay, no prompt words required
...Each result can become the input for another generation, enabling continuous iterative workflows. The app also includes history, enlarged previews, side-by-side and slider comparisons, custom prompts, a Chinese interface, a light theme, and video generation. It can run through AI Studio or locally with Node.js and a configured Gemini API key. -
2
Satori
Enlightened library to convert HTML and CSS to SVG
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. -
3
David UI
Free Tailwind CSS UI component library for modern web interfaces
David AI is a free and open source library of customizable, production-ready UI components designed to work with Tailwind CSS. It focuses on helping developers build modern and visually consistent user interfaces faster by providing ready-made components that can be integrated directly into web applications. These components are designed to be flexible and easy to customize, allowing developers to adapt them to the design needs of their projects while maintaining a clean and efficient workflow. ... -
4
Remotion
Make videos programmatically with React
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. ... -
Cut Data Warehouse Costs by 54%BigQuery delivers 54% lower TCO with exabyte scale and flexible pricing. Free migration tools handle the SQL translation automatically.
-
5
Preline UI
Preline UI is an open-source set of prebuilt UI components
Preline is an open-source UI component library designed to work alongside utility-first Tailwind CSS projects, providing a comprehensive set of prebuilt, responsive, interactive interface elements for modern web development. It includes a rich collection of components such as buttons, navigation bars, dropdowns, modals, form controls, and more that are styled using Tailwind’s utility classes and are easy to customize without writing low-level CSS. -
6
html-ppt
AgentSkill with 24 themes, 31 layouts, 20+ animations
...It integrates well with AI workflows, allowing automated generation of presentations from prompts or documents. The approach emphasizes flexibility, enabling customization through standard web technologies like HTML and CSS. It is particularly useful for developers and creators who prefer programmable presentation pipelines. Overall, it bridges the gap between web development and presentation design. -
7
AI Logo Generator
A free + OSS logo generator powered by Flux on Together AI
...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. ... -
8
prompt-kit
Core building blocks for AI apps
prompt-kit is an open-source collection of high-quality, customizable UI components designed specifically for building modern AI-powered interfaces such as chat applications, agents, and autonomous assistants. It provides developers with a set of reusable building blocks that integrate seamlessly with frameworks like React, Next.js, and Tailwind CSS, enabling rapid development of polished and consistent AI user experiences. The library is designed to work alongside shadcn/ui, allowing developers to extend existing design systems with AI-specific interaction patterns such as prompt inputs, streaming responses, and conversational layouts. Prompt Kit emphasizes accessibility, performance, and design consistency, making it suitable for production-grade applications that require both functionality and visual quality. ... -
9
draw-a-ui
Draw wireframe sketches and generate HTML with AI vision models
draw-a-ui is an experimental open source application that converts hand-drawn interface wireframes into working HTML code using artificial intelligence. draw-a-ui combines the tldraw canvas drawing tool with a vision-capable language model to interpret user-created mockups and translate them into a single HTML layout styled with Tailwind CSS. When a user sketches a UI on the canvas, the application captures the current drawing as SVG, converts it into a PNG image, and sends that image to a vision model that generates the corresponding markup. The result is an automated design-to-code workflow where rough interface ideas can quickly become functional web layouts. It is implemented as a modern web application built with Next.js and TypeScript and requires a compatible Node.js runtime to run locally. ... -
Fully Managed MySQL, PostgreSQL, and SQL ServerCloud SQL handles your database ops end to end, so you can focus on your app.
-
10
Shadcn UI NextJS Boilerplate
Shadcn UI NextJS Boilerplate. Free Open-source ChatGPT UI Admin
...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. -
11
Zola
Open chat interface for all your models
...The interface is responsive and includes light and dark themes. Zola can be self-hosted and also supports Docker-based deployment, including setups with Ollama. Its stack uses Next.js, Tailwind CSS, shadcn/ui, the Vercel AI SDK, and Supabase, while MCP support is under development. -
12
Magic Resume
free online AI resume editor
Magic Resume is a modern, open-source AI-powered resume builder designed to simplify the process of creating professional resumes through an interactive, visually rich web interface. Built with modern frontend technologies such as TanStack Start, TypeScript, and Tailwind CSS, it provides a smooth and responsive user experience enhanced by animation frameworks that make editing intuitive and engaging. The platform offers real-time preview capabilities, allowing users to instantly visualize changes as they build their resume, which significantly improves usability and iteration speed. It supports customizable themes and layouts, enabling users to tailor the design to different industries or personal branding preferences. ... -
13
Qwen3-VL
Qwen3-VL, the multimodal large language model series by Alibaba Cloud
...The model supports dense and Mixture-of-Experts (MoE) architectures, making it scalable from edge devices to cloud deployments, and is available in both instruction-tuned and reasoning-enhanced variants. Qwen3-VL is built for complex tasks such as GUI automation, multimodal coding (converting images or videos into HTML, CSS, JS, or Draw.io diagrams), long-context reasoning with support up to 1M tokens, and comprehensive video understanding. It also brings advanced perception capabilities, including spatial grounding, object recognition, OCR across 32 languages, and robust handling of challenging inputs like low-light or distorted text. -
14
designlang
Extract any website's complete design system with one command
...It also integrates with tools like Figma and shadcn, enabling seamless design-to-code workflows. The system includes accessibility analysis features, such as WCAG compliance checks and CSS health audits, helping developers improve usability and standards compliance. It can be used via CLI or browser extension, making it flexible for different workflows. Overall, design-extract automates the process of reverse-engineering design systems, significantly accelerating frontend development. -
15
Screenshot to Code
A neural network that transforms a design mock-up into static websites
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”. -
16
II ElevenLabs UI
Component library and custom registry built on top of shadcn/ui
ElevenLabs UI is an open-source component library designed to accelerate the development of multimodal AI applications, particularly those involving voice agents and audio-based interactions. Built on top of modern frontend tooling such as React, Tailwind CSS, and shadcn/ui, it provides a collection of pre-built, customizable components that developers can easily integrate into their applications. The library includes specialized UI elements such as audio players, waveform visualizers, conversational interfaces, and interactive voice components, all tailored for building agent-driven experiences. ... -
17
agentation
The visual feedback tool for agents
Agentation is a visual annotation and feedback tool designed to make interacting with AI coding agents more intuitive and precise by letting developers visually click on frontend elements in a browser and annotate them with context before sending structured feedback to an agent. Instead of describing UI elements in text — like “the blue button in the sidebar” — users click directly on elements to automatically capture selectors, positions, and contextual metadata that can be consumed by AI... -
18
ALLWEONE
AI tool that generates custom presentations with real-time editing
...Presentation AI by ALLWEONE includes image generation, rich text editing, and drag-and-drop functionality for easy adjustments. It also supports presentation mode, so you can present directly within the app. Built with modern technologies like Next.js, React, and Tailwind CSS, it integrates AI services such as OpenAI for content generation. It is fully open source under the MIT licence, making it suitable for developers who want to customise or extend its capabilities. -
19
uweb browser: unlimited power
minimal suckless android web browser with unlimited power
... - Customizable: user-defined menus, (new) buttons and gestures for user agents, bookmarklets, url services, shell commands, internal functionality links and text processing etc. - Convenient: book/dictionary/txt/command line/app can be search engine. - Tiny: less than 200k - Fast: run fast, even with thousands of user provided css/scripts - Efficient: less touches, one click to reach any number of search engines without repeated input; automate online services. - URL bar command line support ("!" and .js files as commands). - user-defined site-specific JS/CSS/HTML/preprocessing. - Online play/preview/preprocess for downloadable resources. - Multiple type profiles: switch any data including logins/config orthogonally - web automation, crontab (alarm clock) -
20
Frontman
AI coding agent for visual frontend fixes in your browser
...Click any element, describe the change, and Frontman edits the real source files with hot reload. Unlike IDE-only coding tools, Frontman sees the live DOM, component tree, computed CSS, routes, source maps, screenshots, console output, and server logs. That runtime context helps product managers, designers, and frontend teams fix copy, spacing, colors, layout bugs, and internal UI polish without guessing which file owns a rendered element. Works with Next.js, Astro, Vite, React, Vue, Svelte, and SvelteKit. BYOK model support includes OpenAI, Anthropic, OpenRouter, Google, xAI, Fireworks, NVIDIA, and more. ... -
21
LineSolv
LineSolv: A cross-platform desktop natural-language calculator
LineSolv is a natural-language calculator that understands phrases like $20 in euro - 5% discount or what is the 5 plus pi times five. It combines a powerful Go-based arithmetic engine with a clean, distraction-free desktop UI. Built with Wails v2 (Go + WebView), Vite, TypeScript, and CSS custom properties for theming. -
22
DocWire SDK
Award-winning modern data processing SDK in C++20
DocWire SDK, a standout C++20AI driven data processing tool, has received award from SourceForge and strong backing from Microsoft. It handles nearly 100 file types, empowering efficient text extraction, web data extraction, and document analysis. For businesses, the shift to DocWire SDK signifies a leap forward. It promises comprehensive document format support and the ability to extract valuable insights from email boxes, databases, and websites using cutting-edge AI. DocWire SDK aims to... -
23
AI Code Translator
Use AI to translate code from one language to another
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. -
24
img2css
Convert any image to pure CSS. Recreates images using only box-shadows
This is a tool that can convert any image into a pure CSS image. I also made a per-pixel animation experiment using the box-shadow idea, see morphin. Pure CSS, this output was created by resizing and setting each pixel as a box shadow of a single-pixel div, so no IMG tag or background image is needed. This can result in huge outputs, and the use of this output is not recommended for production unless there is no other option. -
25
Text2Video
Software tool that converts text to video for more engaging experience
...I plan to further work on the project targeting young college students who are aged between 18 to 23 because they tend to prefer learning through videos over books based on the survey I found. The technologies I used for the project are HTML, CSS, Javascript, Node.js, CCapture.js, ffmpegserver.js, Amazon Polly, Python, Flask, gevent, spaCy, and Pixabay API.
