ShypdShypd.ai
💻

Coding & Development

Browsing page 23 of AI tools for Frontend & UI in Coding & Development. Sorted by confidence score — our independent quality rating.

addon-designs

addon-designs

56%

addon-designs is a Storybook addon designed to streamline the design-development workflow by allowing users to embed Figma designs, websites, or images directly within the Storybook addon panel. This open-source tool, available on GitHub, integrates seamlessly with Storybook versions 10.0.0 and above. It simplifies the process of referencing design assets during component development, ensuring developers have immediate access to visual specifications without leaving their development environment. The addon supports various content types, making it a versatile solution for different design collaboration needs.

ImagesPro Profile Pic Studio

ImagesPro Profile Pic Studio

56%

SampleFaces.com is a free online tool that offers AI-generated profile picture placeholders, primarily designed for developers, designers, and project teams. It streamlines web development and prototyping by providing ready-to-use placeholder avatars and mockup images. Users can easily integrate these realistic AI-generated user avatars into their projects using a simple and flexible URL structure. The images are 1024x1024 pixels by default, with customizable width and height via URL query parameters. All images are generated by AI, are entirely fictional, and are delivered rapidly in webp format, powered by Cloudflare's CDN. The tool is completely free to use, making it an accessible solution for quick prototyping and design needs.

AI Chatter Love

AI Chatter Love

56%

Global Mobile Apps (GMA) is a mobile application development company that focuses on creating innovative and user-friendly solutions. With extensive experience in the industry, GMA assists businesses in transforming their digital presence through custom mobile applications for both iOS and Android platforms. Beyond mobile app development, they also offer engaging mobile game development utilizing cutting-edge technology and responsive, dynamic web application development. Their services cater to businesses looking to establish or enhance their digital footprint with tailored mobile and web solutions.

Vert

Vert

56%

Vert is a comprehensive no-code website builder designed for businesses to create professional online presences without needing coding or design skills. The platform offers an intuitive drag-and-drop interface where users can select pre-built blocks, fill in their content, and stack them to build pixel-perfect websites that work across all devices. Beyond website creation, Vert integrates a lead management suite to record new leads, track sales journeys, and view communication history. It also features built-in contact forms, task tracking, and appointment management to nurture customer relationships. Additionally, Vert provides AI tools to assist with content creation, helping users generate high-quality website pages and content quickly, with no extra subscription required.

spark

spark

56%

spark is an advanced 3D Gaussian Splatting renderer specifically designed for integration with THREE.js, allowing developers to create sophisticated 3D renderings within web applications. It boasts features like integration with the THREE.js rendering pipeline to fuse splat and mesh-based objects, ensuring portability across most devices with WebGL2 support. The renderer is optimized for speed, performing well even on low-powered mobile devices. It supports rendering multiple splat objects with correct sorting and handles various major splat file formats including .PLY, .SPZ, .SPLAT, .KSPLAT, and .SOG. Developers can also render multiple viewpoints simultaneously, transform and edit splats for animation, and perform real-time color editing, displacement, and skeletal animation. A shader graph system allows for dynamic creation and editing of splats on the GPU.

next-enterprise

next-enterprise

55%

next-enterprise is an enterprise-grade Next.js boilerplate designed for building high-performance, maintainable applications. It provides a robust foundation with carefully selected technologies and ready-to-go infrastructure, aiming to maximize developer productivity and accelerate time-to-market for business-critical applications. Key features include Next.js 15 with App Directory, Tailwind CSS v4, strict TypeScript, ESLint 9, Prettier, and Corepack & pnpm as the package manager. It also integrates GitHub Actions for bundle size and performance tracking, a comprehensive testing suite (Vitest, React Testing Library, Playwright), Storybook for component development, and Open Telemetry for observability. The boilerplate supports advanced testing, conventional commits, and automated dependency updates with Renovate BOT, making it ideal for enterprise teams.

Websim

Websim

55%

Websim is an interactive platform designed for creating and sharing games and web pages. It enables users to build various simulations and creative projects, ranging from number blocks playgrounds and interactive color mixers to more complex simulations like fractal zoomers and nuclear war simulators. The platform fosters a community where users can share their creations, view popular projects, and explore new content. Websim appears to cater to a broad audience interested in interactive content creation, offering a space for both casual exploration and more involved project development.

airframe-react

airframe-react

55%

airframe-react is a free and open-source dashboard template designed for building high-quality admin and analytics interfaces. It leverages Bootstrap 4 and React 16, ensuring responsiveness across smartphones, tablets, and desktops. The template is available under an MIT license, making it highly accessible for developers. It features a minimalist design with an innovative Light UI, perfect for large-scale applications. The project includes React Router and customized reactstrap, with dependencies regularly updated. It offers over 10 layout variations, ready-to-use applications, a large collection of UI components, and more than 120 unique pages, making it ideal for CRMs, CMSs, Admin Panels, and Analytics dashboards.

canvas-editor

canvas-editor

55%

canvas-editor is an open-source rich text editor designed for web applications, leveraging canvas and SVG for rendering. It offers a comprehensive suite of rich text operations, including undo/redo, font styling, alignment, and list management. Developers can easily insert various elements such as tables, images, links, code blocks, page breaks, and mathematical formulas. The editor also supports printing to picture and PDF, controls like select, text, date, radio, and checkbox, and features like context menus, shortcut keys, drag and drop functionality, headers, footers, page numbers, page margins, watermarks, pagination, and comments. It is ideal for creating custom text editing experiences within web applications.

booking-js

booking-js

55%

booking-js by Timekit is an open-source JavaScript library designed to help developers quickly create and embed beautiful booking widgets. It integrates seamlessly with the Timekit API, enabling robust appointment scheduling functionalities. This tool supports the new projects model and uses an App Widget Key for authentication, ensuring secure and efficient operation. While the repository is primarily for community contributions and customizations, all official documentation, guides, and examples are available on the Timekit developer portal. It's an ideal solution for those looking to implement a customizable booking interface without building from scratch, offering flexibility for developers to tailor the widget to their specific needs.

LeLab

LeLab

55%

LeLab is an AI application designed to offer a straightforward interface for interacting with and managing robots, specifically LeRobot. It enables users to control and monitor the insights of their robot, providing an intuitive platform to view data and manage operations. The application is hosted on Hugging Face Spaces, making it accessible for users to experiment with robot control and data monitoring. While the current live website indicates a runtime error, the intended functionality is to simplify the interaction with robotic systems, offering a user-friendly experience for managing and understanding robot behavior.

FitVids.js

FitVids.js

55%

FitVids.js is a lightweight and easy-to-use jQuery plugin designed to create fluid width video embeds, ensuring videos are responsive across various screen sizes. It automates the Intrinsic Ratio Method, a technique by Thierry Koblentz, to achieve this responsiveness. The plugin works by wrapping each video in a `div.fluid-width-video-wrapper` and applying the necessary percentage-based CSS. It natively supports popular platforms like YouTube and Vimeo, and also offers a `customSelector` option for integrating other video vendors. Developers can specify custom selectors to include their own video players, making it a versatile solution for responsive video integration. Additionally, it provides an `ignore` option to prevent specific videos or containers from being processed by FitVids, offering flexibility in implementation.

gauzilla

gauzilla

55%

Gauzilla is a 3D Gaussian Splatting (3DGS) renderer developed in Rust for WebAssembly, featuring lock-free multithreading for platform-agnostic web deployment. It leverages WebGL and CPU splat sorting to ensure high compatibility across various web browsers. The tool can securely load .ply or .splat files from local machines using `rfd` and asynchronously loads .splat files from URLs without requiring async Rust code. Additionally, it supports loading .spz files via a WASM module compiled from the official C++ implementation. Gauzilla is designed for real-time photorealistic rendering of scenes reconstructed from images and videos, making it suitable for Novel View Synthesis applications.

lspkind.nvim

lspkind.nvim

55%

lspkind.nvim is an open-source Neovim plugin designed to bring VS Code-style pictograms to Neovim's completion UI. This tool significantly improves the readability and scanability of completion menus for various sources, including LSP, snippets, and paths, by providing clear and consistent iconography. It offers drop-in integration with nvim-cmp and includes two presets: 'default' (requiring Nerd Fonts) and 'codicons' (requiring VS Code Codicons). Users can also fully customize the symbol map for each kind and external source, ensuring a personalized experience. The plugin boasts a tiny footprint and a straightforward Lua API, making it a lightweight yet powerful addition for Neovim users.

semantic-segmentation-editor

semantic-segmentation-editor

55%

Semantic Segmentation Editor is an open-source, web-based labeling tool designed for creating AI training datasets from both 2D bitmap images and 3D point clouds. Developed by Hitachi Automotive And Industry Lab, it is particularly useful for autonomous driving research. The tool supports various image formats like JPG and PNG, and point cloud formats including ASCII, Binary, and Binary compressed. It offers a comprehensive set of tools for polygon drawing, magic tool for contrast detection, manipulation, cutting/expanding, and contiguous polygon creation for bitmap images. For point clouds, it provides functionalities for rotation, zooming, and point selection. The editor is built using Meteor, React, Paper.js, and three.js, and can be run via Docker Compose or from source.

WebWorldWind

WebWorldWind

55%

WebWorldWind is an Open Source JavaScript SDK developed by NASA, with contributions from the European Space Agency, designed for creating geo-browser web applications. It allows developers to embed a 3D globe directly into HTML5 web pages, providing a geographic context with terrain and various shapes for displaying and interacting with geo-located information in both 3D and 2D. The SDK automatically retrieves high-resolution terrain and imagery from remote servers as needed, while also supporting custom terrain, imagery, 3D shapes, and position markings. Key features include improvements to COLLADA 3D model support, the ability to obtain click locations in 3D models, and enhanced Well-Known Text format support. It is licensed under the Apache License, Version 2.0.

3d-book-image-css-generator

3d-book-image-css-generator

55%

The 3D Book Image CSS Generator is a specialized tool designed to transform a standard book cover image into a dynamic 3D representation. Users can input the absolute URL of their book cover and then fine-tune various parameters such as perspective and thickness to achieve the desired visual effect. Once customized, the tool generates the necessary HTML and CSS code, which can then be easily embedded directly into any website. This eliminates the need for complex 3D modeling software or extensive coding knowledge, making it accessible for authors, publishers, and web developers looking to showcase books with an engaging visual flair. The project is open-source, encouraging contributions and further development.

ambly

ambly

55%

Ambly is a specialized ClojureScript REPL (Read-Eval-Print Loop) designed for developers building hybrid applications that combine ClojureScript with native iOS, macOS, and tvOS environments. It achieves this by interfacing with embedded JavaScriptCore, allowing for interactive development and debugging directly within these platforms. The tool includes a ClojureScript REPL implementation alongside Objective-C code for seamless integration. Demo applications for iOS, macOS, and tvOS are provided, making it straightforward to set up and experiment with the REPL. Developers can start the Ambly REPL via `cljs.main` and benefit from features like device auto-discovery and configurable connection options.

angular-leaflet-directive

angular-leaflet-directive

55%

The angular-leaflet-directive is an AngularJS directive designed to seamlessly embed and interact with maps powered by the Leaflet JavaScript library. This tool enables developers to easily integrate interactive maps into their AngularJS projects, providing a straightforward way to visualize geospatial data. It supports dynamic configuration of map properties like center, latitude, longitude, and zoom, allowing for two-way binding with the Angular scope. The directive also facilitates the inclusion of multiple maps on a single page by using unique IDs. While the project is actively evolving to support newer versions of Leaflet and Angular, it offers a robust solution for current AngularJS applications requiring map functionalities.

pglite

pglite

55%

PGlite is an innovative solution offering a WASM build of Postgres, packaged as a TypeScript client library. This enables developers to embed and run a full Postgres database directly within various environments, including web browsers, Node.js, Bun, and Deno, eliminating the need for external installations. It's designed for building reactive, real-time, and local-first applications. PGlite is remarkably lightweight, at only 3MB gzipped, and supports numerous Postgres extensions, including pgvector. It can function as an ephemeral in-memory database or persist data to the file system (Node/Bun/Deno) or IndexedDB (Browser). Unlike other "Postgres in the browser" projects, PGlite does not rely on a Linux virtual machine, instead leveraging Postgres's single-user mode compiled to WASM.

react-native-godot

react-native-godot

55%

React Native Godot enables developers to seamlessly integrate the Godot Engine into their React Native applications, supporting both Android and iOS platforms. Developed by Born and Migeran, this tool offers a stable and robust solution for embedding Godot content, currently serving millions of users in Born's applications. Key features include the ability to start, stop, and restart the Godot Engine, with options to reconfigure and load different Godot apps upon restart. It also supports pausing and resuming Godot instances without shutting them down. The engine runs on a separate thread, ensuring it does not impact the main application or React Native JavaScript threads. Developers can embed Godot's main window and subwindows directly into React Native screens and access the entire Godot API from TypeScript/JavaScript, allowing for object instantiation, method calls, property manipulation, and signal connections.

SwarmUI

SwarmUI

55%

SwarmUI is presented within the context of GitHub's offerings, suggesting it is either a component of GitHub or a tool deeply integrated with it. The available information details GitHub's pricing plans for individuals and organizations, covering features like unlimited public/private repositories, Dependabot security updates, CI/CD minutes with GitHub Actions, and package storage. It also highlights advanced collaboration features, code security, and enterprise-grade solutions for larger teams, including data residency and managed users. The tool emphasizes automating workflows, securing code, and providing instant development environments.

splatviz

splatviz

55%

splatviz is a comprehensive, open-source Python-based interactive viewer designed for real-time editing and analysis of 3D Gaussian Splatting scenes. Utilizing the pyimgui GUI library, it enables direct manipulation of Gaussian Python objects just before rendering, offering extensive editing and visualization capabilities. Users can view multiple scenes simultaneously, either side-by-side or in a split-screen view, and evaluate Python expressions on the resulting scene. Key features include an Edit Widget for real-time manipulation of Gaussian parameters, an Eval Widget for debugging and visualizing variables, and a Camera Widget with Orbit and WASD modes for flexible scene navigation. It also supports attaching to running 3DGS training sessions for live inspection and editing.

vscode-browse-lite

vscode-browse-lite

55%

vscode-browse-lite is an embedded browser extension designed for Visual Studio Code, offering developers a seamless way to preview web pages directly within their IDE. This tool enhances the development workflow with features like faster page refreshing, ensuring immediate feedback on changes. It is dark mode aware and theme-aware, integrating smoothly with the user's VS Code environment. Crucially, it includes built-in devtools support, allowing for direct debugging and inspection of web content. The extension also boasts extendable actions and the ability to re-open pages in a system browser. Notably, vscode-browse-lite is lightweight, significantly smaller than its predecessor, and does not collect telemetry, prioritizing user privacy and performance.