Search Results for "animated"
Sort By:
Showing 25 open source projects for "animated"
View related business solutions-
Compliant and Reliable File Transfers Backed by Top Security CertificationsStop 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.
-
Go From AI Idea to AI App FastAccess Gemini 3 and 200+ models. Build chatbots, agents, or custom models with built-in monitoring and scaling.
-
1
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. -
2
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. ... -
3
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. -
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... -
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.
-
5
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. ... -
6
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... -
7
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. ... -
8
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. ... -
9
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. -
$300 in Free Credit Towards Top Cloud ServicesStart your project in minutes. After credits run out, 20+ products include free monthly usage. Only pay when you're ready to scale.
-
10
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. ... -
11
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. -
12
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. -
13
react-native-material-textfield
Material textfield
Material texfield with consistent behavior on iOS and Android. -
14
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... -
15
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. -
16
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. -
17
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... -
18
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.
-
19
jquery-circle-progress
jQuery Plugin to draw animated circular progress bars
jQuery Plugin to draw animated circular progress bars. -
20
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. -
21
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. -
22
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. -
23
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... -
24
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. -
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.
- Previous
- You're on page 1
- Next
