Showing 8 open source projects for "ui design"

View related business solutions
  • Train ML Models With SQL You Already Know Icon
    Train ML Models With SQL You Already Know

    BigQuery automates data prep, analysis, and predictions with built-in AI assistance.

    Build and deploy ML models using familiar SQL. Automate data prep with built-in Gemini. Query 1 TB and store 10 GB free monthly.
    Try Free
  • Fully Managed MySQL, PostgreSQL, and SQL Server Icon
    Fully Managed MySQL, PostgreSQL, and SQL Server

    Automatic backups, patching, replication, and failover. Focus on your app, not your database.

    Cloud SQL handles your database ops end to end, so you can focus on your app.
    Try Free
  • 1
    Its Hover

    Its Hover

    Icons that move with intent

    ...Instead of shipping static SVGs, it provides React components with animation baked in using motion/react, so hover and interaction states are part of the component design from the start. The project is designed to drop cleanly into modern React stacks, including Next.js and shadcn/ui-based projects, with Tailwind-friendly styling patterns. Installation can be as simple as pulling in specific icons and their dependencies, and it supports a registry-style workflow that fits teams that want consistency across products. ...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 2
    Lottie-Web

    Lottie-Web

    Render After Effects animations natively

    ...Animations remain crisp at any resolution, load quickly compared to videos or GIFs, and can be controlled programmatically for interactivity. The runtime supports playback options like loop, autoplay, segment control, and event hooks, making it easy to sync motion with UI state. Because animations are data rather than pixels, designers and developers can collaborate: designers export with the Bodymovin plugin, and developers integrate the JSON with minimal code. The renderer handles masks, shapes, and keyframe timing to closely mirror After Effects behavior within web constraints. This approach brings high-quality motion design to product interfaces without large asset sizes or complex sprite workflows.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 3
    Kage Studio Animation Software

    Kage Studio Animation Software

    A simple multi-platfom 2D Animation Software for all ages!

    Kage Studio is a vector-based 2D Animation multi-platform Software for Windows, Mac OS, and Debian/Ubuntu GNU/Linux suitable for beginners, hobbyists, and soon even professionals. Written with GTKmm 3.0, Kage Studio has a clean User Interface. Truly an Animation Software, not an airplane cockpit. Kage Studio can export animation to HTML5 (canvas), PNG sequence, Spritesheet, SVG, video (MP4, MKV, OGV, AVI, MOV), and KonsolScript.
    Downloads: 25 This Week
    Last Update:
    See Project
  • 4
    IBAnimatable

    IBAnimatable

    Design and prototype customized UI, interaction, navigation, etc.

    ...With IBAnimatable, we can design a UI in Interface Builder like what we can do in Sketch, and prototype animations in a Swift playground like what we can do in Framer. Also, we can use the output of the design directly in the production-ready App.
    Downloads: 0 This Week
    Last Update:
    See Project
  • Gemini 3 and 200+ AI Models on One Platform Icon
    Gemini 3 and 200+ AI Models on One Platform

    Access Google's best plus Claude, Llama, and Gemma. Fine-tune and deploy from one console.

    Build generative AI apps with Vertex AI. Switch between models without switching platforms.
    Start Free
  • 5
    FoldingCell

    FoldingCell

    An expanding content cell with animation

    ...Add constants, add property for calculate cells height, override method, add code to method, control if the cell is open or closed, and add code to your new cell class. This library is a part of a selection of our best UI open-source projects. We specialize in the designing and coding of custom UI for Mobile Apps and Websites.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 6
    React Flight

    React Flight

    The best way to build animation compositions for React

    React Flight is a JavaScript library for UIs built with React that allows you to compose animations and transitions via “flights” where you design a start component, an end component, and the tool handles animating between them. It’s pitched as the “best way to build animation compositions for React” and is inspired by tools such as Principle in the mobile design world. The developer experience emphasises framing: you place elements into Flight.Frame containers, specify key-frames (start and end states), and then trigger animations via APIs (play(), reset()). ...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 7
    Effeckt.css

    Effeckt.css

    A Performant Transitions and Animations Library

    ...Each effect is isolated, documented, and demoed, allowing designers to copy just what they need rather than dragging in a monolithic framework. By standardizing names and behaviors, it helps teams keep motion design consistent across a product while remaining easy to theme. The library doubled as a learning resource during the rise of CSS animations, showing how to achieve polished interactions without heavy JavaScript.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 8
    Display Switcher

    Display Switcher

    Custom transition between two collection view layouts

    We designed a UI that allows users to switch between list and grid views on the fly and choose the most convenient display type. List view usually provides more details about each user or contact. Grid view allows more users or contacts to appear on the screen at the same time. We created design mockups for both list and grid views using Sketch. As soon as the mockups were ready, we used Principle to create a smooth transition between the two display types.
    Downloads: 0 This Week
    Last Update:
    See Project
  • Previous
  • You're on page 1
  • Next
MongoDB Logo MongoDB