Search Results for "css-slider"
Sort By:
Showing 36 open source projects for "css-slider"
View related business solutions-
Ship Agents FasterGemini Enterprise Agent Platform lets you rapidly build, scale, govern and optimize production-ready agents grounded in your organization's data. The platform enables developers to build custom or pre-built agents for virtually any use case. New customers get $300 in free credits.
-
MongoDB Atlas runs apps anywhereMongoDB Atlas gives you the freedom to build and run modern applications anywhere—across AWS, Azure, and Google Cloud. With global availability in over 115 regions, Atlas lets you deploy close to your users, meet compliance needs, and scale with confidence across any geography.
-
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
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. ... -
4
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. ... -
$300 Free Credits to Build on Google CloudPut your $300 in credit toward real workloads, then keep building with free monthly usage for 20+ products. No commitment and no charge until you upgrade.
-
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
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. ... -
8
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. ... -
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. ... -
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.
-
10
AI Website Cloner Template
Clone any website with one command using AI coding agents
AI Website Cloner Template is a reusable project template that enables AI coding agents to reverse-engineer and recreate existing websites as modern, production-ready applications. It automates the process of analyzing a target website, extracting its design system, and rebuilding it using technologies such as Next.js, React, and Tailwind CSS. The system operates through a multi-stage pipeline that includes reconnaissance, component specification, parallel generation, and final assembly, ensuring high fidelity to the original design. It leverages AI agents to perform tasks such as capturing layouts, extracting styles, and generating code for each component. The template is designed for flexibility, allowing developers to customize the generated output or adapt it for different use cases such as migrations or learning. ... -
11
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. ... -
12
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. -
13
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. -
14
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. -
15
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. -
16
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”. -
17
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. ... -
18
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... -
19
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. -
20
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) -
21
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. ... -
22
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. -
23
PC-Gui
Lightweight PC-Gui framework for AI, typewriter stream Gemini-like
...PC-GUI helps you meet strong market demands by building compact, powerful, commercial-grade applications with a simple and stable tech stack. We adopt a "backend-first approach" to desktop development: a stable Go backend (net/http) powers a standard web frontend (HTML/CSS/JS), coupled with encrypted SQLite storage for an extremely lightweight and high-performance design. Key Advantages: ✅ Zero runtime dependencies—a single Go binary, no WebView2/Python/Node.js installations required. ✅ Modern UI via HTML—fast templating, AI-friendly styling. ✅ Simple async streaming for AI output vs. complex callbacks elsewhere. ... -
24
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... -
25
...The description guides you to adjust the settings and click the "Start" button to begin face detection. The settings section provides two adjustable parameters: Scale Factor: It is represented by a slider. You can modify the scale factor by moving the slider. The scale factor controls the size of the image pyramid used for face detection. Higher values increase the chance of detecting smaller faces. Min Neighbors: It is also represented by a slider. You can adjust the minimum number of neighboring rectangles required for a region to be considered as a face. ...
