Showing 25 open source projects for "animated"

View related business solutions
  • Compliant and Reliable File Transfers Backed by Top Security Certifications Icon
    Compliant and Reliable File Transfers Backed by Top Security Certifications

    Cerberus FTP Server delivers SOC 2 Type II certified security and FIPS 140-2 validated encryption.

    Stop relying on non-certified, legacy file transfer tools that creak under the weight of modern security demands. Get full audit trails, advanced access controls and more supported by an award-winning team of experts. Start your free 25-day trial today.
    Start Free Trial
  • Go From AI Idea to AI App Fast Icon
    Go From AI Idea to AI App Fast

    One platform to build, fine-tune, and deploy ML models. No MLOps team required.

    Access Gemini 3 and 200+ models. Build chatbots, agents, or custom models with built-in monitoring and scaling.
    Try Free
  • 1
    react-native-popup-menu

    react-native-popup-menu

    Popup menu component for React Native

    Extensible popup menu component for React Native for Android, iOS and (unofficially) UWP and react-native-web. Simple to use popup/context menu. Multiple modes: animated, not animated, slide in from the bottom or popover. By default opening and closing animations. Optional back button handling. Easy styling. Customizable on various levels - menu options, positioning, animations. Can work as controlled as well as uncontrolled components. Different lifecycle hooks. RTL layout support.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 2
    React Bits Library

    React Bits Library

    Open source collection of animated, interactive React components

    React-bits is an open-source library of animated, interactive, and fully customizable React UI components that empowers developers to build visually striking and dynamic web interfaces without spending excessive time crafting animations from scratch. It features a large and rapidly growing collection of components — including text effects, background animations, and interactive UI pieces — each designed to be easy to integrate into any modern React project and work seamlessly with popular styling systems like CSS and Tailwind CSS. ...
    Downloads: 2 This Week
    Last Update:
    See Project
  • 3
    noUiSlider

    noUiSlider

    JavaScript range slider with multi-touch and keyboard support

    ...It can be used for free and without any attribution, in any personal or commercial project. An extensive documentation, including examples, options and configuration details, is available in the website. GPU animated, no reflows, so fast; even on older devices. All modern browsers and IE > 9 are supported.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 4

    React Select

    The Select Component for React.js

    React Select is a beautiful, flexible, open source Select Input control for ReactJS. It was originally built for use in KeystoneJS and comes with numerous features, including multiselect, autocomplete, async and creatable support. React Select presents a whole new approach to developing powerful React.js components, creating components that simply work right out of the box, while also being very customizable. React Select has a very flexible approach to data, allowing you to customize in...
    Downloads: 0 This Week
    Last Update:
    See Project
  • MongoDB Atlas runs apps anywhere Icon
    MongoDB Atlas runs apps anywhere

    Deploy in 115+ regions with the modern database for every enterprise.

    MongoDB 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.
    Start Free
  • 5
    css-doodle

    css-doodle

    A web component for drawing patterns with CSS

    ...The component will generate a grid of divs by the rules (plain CSS) inside it. You can easily manipulate those cells using CSS to come up with a graphic pattern or an animated graph. The limit is the limit of CSS itself. Download the latest version or include it directly from a CDN. You can also install it from npm and import the module in JavaScript. The syntax of CSS-doodle is based on CSS and provides several extra utility functions and shorthand properties. The number of rows and columns in the grid is defined by the grid attribute on the element, ranging from 1 to 64. ...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 6
    React Native Vector Icons

    React Native Vector Icons

    Customizable Icons for React Native with full styling

    Perfect for buttons, logos and nav/tab bars. Easy to extend, style and integrate into your project. If you want to use any of the bundled icons, you need to add the icon fonts to your Xcode project. For each platform (iOS/Android/Windows) you plan to use, follow one of the options for the corresponding platform. Upgrading this package often requires the font files linked to your projects to be updated as well. If the automatic linking works for you, running this again should update the...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 7
    LazyLoad

    LazyLoad

    LazyLoad is a lightweight, flexible script that speeds up your website

    ...LazyLoad supports responsive images. LazyLoad is a lightweight (2.4 kB) and flexible script that speeds up your web application by deferring the loading of your below-the-fold images, animated SVGs, videos and iframes to when they will enter the viewport. It’s written in plain “vanilla” JavaScript, it leverages the IntersectionObserver API, it supports responsive images, it optimizes your website for slower connections, and can enable native lazy loading. To display content images on your pages, always use the img tag. ...
    Downloads: 1 This Week
    Last Update:
    See Project
  • 8
    vue-content-loader

    vue-content-loader

    SVG component to create placeholder loading

    vue-content-loader provides SVG “skeleton screen” components for Vue applications, letting you show animated placeholders that mimic your layout while real content loads. Skeletons reduce perceived waiting time and help prevent layout shifts by reserving space for images, text blocks, and cards. The library exposes composable, declarative shapes so you can approximate your final UI without pixel-perfect templates. Because it renders as vector graphics, the output is crisp on all screens and cheap to animate. ...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 9
    texgen.js

    texgen.js

    JavaScript Texture Generator

    ...This approach is ideal for games, demos, and creative coding where small footprint and dynamic variation matter more than hand-painted assets. Because textures are generated at runtime, parameters can be animated or randomized to add life without extra downloads. The project demonstrates how far you can push simple building blocks to create wood, marble, clouds, checkerboards, and other familiar materials.
    Downloads: 0 This Week
    Last Update:
    See Project
  • $300 in Free Credit Towards Top Cloud Services Icon
    $300 in Free Credit Towards Top Cloud Services

    Build VMs, containers, AI, databases, storage—all in one place.

    Start your project in minutes. After credits run out, 20+ products include free monthly usage. Only pay when you're ready to scale.
    Get Started
  • 10
    react-native-swiper

    react-native-swiper

    The best Swiper component for React Native

    ...You can make control buttons visible and enable auto play mode. Make pagination visible, merge custom styles with the default styles, and add delay between auto play transitions. ScrollBy(index, animated), and Scroll by relative index methods available. Launch simulator to preview. Note that you just need to edit the source file src/index.js, the change will auto sync to examples. After development, you should add test for your modification and make all tests passed to prevent other contributors break the feature in the future accidentally. ...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 11
    dc.js

    dc.js

    Multi-Dimensional charting built to work natively with crossfilter

    ...In dc.js, each chart displays an aggregation of some attributes through the position, size, and color of its elements, and also presents a dimension which can be filtered. When the filter or brush changes, all other charts are updated dynamically, using animated transitions. dc.js is an easy yet powerful javascript library for data visualization and analysis in the browser and on mobile devices.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 12
    react-native-scrollable-tab-view

    react-native-scrollable-tab-view

    Tabbed navigation that you can swipe between

    ...Stationary objects must overcome inertia as they start moving. Objects in motion have momentum and rarely come to a stop immediately. Animations allow you to convey physically believable motion in your interface. The Animated API is designed to concisely express a wide variety of interesting animation and interaction patterns in a very performant way. Animated focuses on declarative relationships between inputs and outputs, with configurable transforms in between, and start/stop methods to control time-based animation execution.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 13
    react-native-material-textfield
    Material texfield with consistent behavior on iOS and Android.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 14
    React Sortable HOC

    React Sortable HOC

    Turn any list into an animated, accessible and sortable list

    The React Sortable HOC project is a higher-order component library for React that enables drag-and-drop sorting of lists and collections. It provides a set of utilities that allow developers to create sortable interfaces with smooth animations and minimal effort. The library is built on top of React’s component model, making it easy to integrate into existing applications. It supports features such as keyboard accessibility, customizable drag handles, and dynamic list updates. The system is...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 15
    epic-spinners

    epic-spinners

    Easy to use CSS spinners collection with Vue.js integration

    ...Subscribe to our newsletter to get Epic Spinners updates, our team's stories, and Vue.js materials hand-picked by Epicmax. We've collected and crafted a rich collection of spinners animated with CSS which are available both as HTML/CSS code snippets and easily customizable vue.js components. View demo to see vue.js components usage examples and HTML/CSS source code. To use pure HTML/CSS version, visit our gallery and click any spinner to see its HTML/CSS source code. You can easily configure spinners' size, color, and animation speed.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 16
    MixItUp 3

    MixItUp 3

    Library for animated filtering, sorting, insertion, removal and more

    MixItUp is a high-performance, dependency-free library for animated DOM manipulation, giving you the power to filter, sort, add and remove DOM elements with beautiful animations. MixItUp plays nice with your existing HTML and CSS, making it a great choice for responsive layouts and compatible with inline-flow, percentages, media queries, flexbox and more. MixItUp is open source and free to use for non-commercial, educational and non-profit use.
    Downloads: 3 This Week
    Last Update:
    See Project
  • 17
    Interactable

    Interactable

    Experimental implementation of high performance interactable views

    This is an experimental implementation of a declarative API for handling fluid user interactions with views at 60 FPS in React Native. Here are some example use-cases for views that users can interact with. Swipeable card (a la Google Now) springing into place unless swiped away with enough force. Drawer snapping between closed and open with buttons appearing gradually as it's being dragged. Collapsible header that snaps to a smaller size as the content below is being scrolled. Chat heads (a...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 18
    Scrolling Game Development Kit 2
    All-in-one program for creating 2D scrolling games. Compile your games into stand-alone .NET executables or customizable C# source code. The IDE and framework are build on OpenTK, which wraps OpenGL, so generated games can be cross-platform.
    Downloads: 6 This Week
    Last Update:
    See Project
  • 19
    jquery-circle-progress

    jquery-circle-progress

    jQuery Plugin to draw animated circular progress bars

    jQuery Plugin to draw animated circular progress bars.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 20
    HPSTR Jekyll Theme

    HPSTR Jekyll Theme

    A Jekyll theme with some tumble-log tendencies

    A Jekyll theme with some tumble-log tendencies. Syntax highlighting is a feature that displays source code, in different colors and fonts according to the category of terms. This feature facilitates writing in a structured language such as a programming language or a markup language as both structures and syntax errors are visually distinct. Highlighting does not affect the meaning of the text itself; it is intended only for human readers.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 21
    ProgressBar.js

    ProgressBar.js

    Responsive and slick progress bars

    Responsive and slick progress bars with animated SVG paths. Use built-in shapes or create your own paths. Customize the animations as you wish. With ProgressBar.js, it's easy to create responsive and stylish progress bars for the web. Animations perform well even on mobile devices. It provides a few built‑in shapes like Line, Circle and SemiCircle but you can also create custom shaped progress bars with any vector graphic editor.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 22
    HTML GL

    HTML GL

    Get as many FPS as you need and amazing effects by rendering HTML/CSS

    ...Include HTMLGL.js into the project. Elements will be rendered in WebGL and their CSS Transform properties will be mapped to WebGL representation transformations. So DOM node itself will not be animated or displayed in order to avoid resource consumption.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 23
    smoothState.js

    smoothState.js

    Unobtrusive page transitions with jQuery

    smoothState.js is a jQuery plugin that progressively enhances page loads to give us control over page transitions. If the user's browser doesn't have the required features, smoothState.js fades into the background and never runs. Imagine, for a second, how disorienting it would be if touching a doorknob teleported you to the other side of the door. Navigating the web feels like using a teleporting doorknob. Layouts change, elements rearrange or disappear, and it takes time for the user to...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 24
    J-Focus

    J-Focus

    一个Javascript脚本实现的动画应用框架

    J-Focus是一个Javascript脚本实现的动画应用框架,用于快速地开发基于动画效果的Web应用。 J-Focus is a Javascript script to achieve the animation application framework for rapid development of Web applications based on the animated.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 25
    Macao is a framework based on JavaScript and DHTML for building animated interactive homepages and applications. You can use Macao to enrich your homepage, to build graphic adventures, card games and other puzzle games.
    Downloads: 0 This Week
    Last Update:
    See Project
  • Previous
  • You're on page 1
  • Next
MongoDB Logo MongoDB