Search Results for "animated"
Sort By:
Showing 71 open source projects for "animated"
View related business solutions-
$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.
-
Cut Data Warehouse Costs by 54%BigQuery delivers 54% lower TCO with exabyte scale and flexible pricing. Free migration tools handle the SQL translation automatically.
-
1
three.js
JavaScript 3D library
three.js is a lightweight and easy-to-use JavaScript 3D library with its own default WebGL renderer. It works by creating a scene with a camera and a geometric cube, the latter of which is added to the scene. This will become the animated object within the scene. A WebGL renderer is created for the scene and the camera, with an added viewport to the document.body element. Finally, the cube is animated within the scene for the camera. A plethora of examples can be found in the project’s website (https://threejs.org/) which use Canvas 2D, SVG and CSS3D renderers that the library also provides. -
2
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. -
3
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. ... -
4
bubbly-bg
Beautiful bubbly backgrounds in less than 1kB (750 bytes gzipped)
Bubbly-bg is a lightweight JavaScript library for creating animated bubble backgrounds on web pages. It renders the effect on an HTML canvas and can automatically create and position that canvas behind page content. Developers can control background colors or gradients, bubble count, size, fill, direction, speed, shadows, and strokes. Animation can be enabled or disabled, and a custom canvas can be supplied when needed. -
Build Agents and Models on One PlatformGemini Enterprise Agent Platform is Google Cloud's comprehensive platform for developers to build, scale, govern, and optimize agents and models. Choose from Google's most advanced models and third-party models like Anthropic's Claude Model Family.
-
5
Vizzu
Library for animated data visualizations and data stories
Vizzu is a free, open-source Javascript/C++ library utilizing a generic dataviz engine that generates many types of charts and seamlessly animates between them. It can be used to create static charts but more importantly, it is designed for building animated data stories and interactive explorers as Vizzu enables showing different perspectives of the data that the viewers can easily follow due to the animation. Create a placeholder element that will contain the rendered chart. The Vizzu constructor has to load Vizzu's WebAssembly module asynchronously to prevent blocking the whole page. ... -
6
Open-LLM-VTuber
Open source AI VTuber platform with voice chat and Live2D avatars
Open-LLM-VTuber is an open source platform designed to create AI-powered VTuber characters that can interact with users through voice and animated avatars. It enables hands-free conversations with large language models by combining speech recognition, language processing, and text-to-speech synthesis into a single system. Users can speak directly to the AI character, and the system can respond with a generated voice while animating a Live2D avatar to simulate a talking virtual personality. ... -
7
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... -
8
Codebase to Course
A Claude Code skill that turns any codebase into an HTML course
Codebase to Course is an AI-powered development tool that converts any software repository into a fully interactive educational experience presented as a self-contained HTML course. It is implemented as a skill for Claude Code and is designed to help users understand how a codebase works without requiring a formal computer science background. The tool analyzes the structure and behavior of a project and generates a visually rich, scroll-based course that includes diagrams, animations, and... -
9
frame.js
JavaScript Sequence Editor
...The library aims to be unobtrusive: you can drop it into demos or prototypes without adopting a large framework. Because it centralizes timing, it becomes easier to coordinate multiple animated elements or throttle work on low-power devices. For creative coding, micro-games, and UI flourishes, it offers just enough structure to keep animation code tidy. -
Build Data Resilience - Take the Assessment TodayIs your recovery strategy as strong as you think? Take this quick self-assessment to check your recovery readiness and gain tailored insights. In only 2 minutes, you'll learn where you fall on the recovery readiness scale.
-
10
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. ... -
11
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... -
12
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. -
13
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. ... -
14
react-native-animatable
Set of animations and declarative transitions for React Native
...Most animations except the attention seekers work best when setting direction to alternate. You can create your own simple transitions of a style property of your own choosing. The following example will increase the font size by 5 for every tap, all animated, all declarative! If you don't supply a duration property, a spring animation will be used. Transitions require StyleSheet.flatten available in React Native 0.15 or later. If you are running on anything lower, please polyfill as described under imperative usage. -
15
Chalk Animation
Colorful animations in terminal output
A Node.js library that provides animated text effects in the terminal using the Chalk library for styling. -
16
Motionity
The web-based motion graphics editor for everyone
...In addition to keyframing, motionity supports layer masking, filters (color adjustments, blur, chroma-keying), trimming and cutting of video clips, and audio track integration, enabling creation of short animations, intros, social media videos, or animated slideshows directly in a browser without specialized software. It also supports animated text effects (fade, scale, type-writer), and can incorporate vector-based animations or Lottie animations. -
17
Can I email
Can I email… Support tables for HTML and CSS in emails
caniemail.com provides email clients support tables for HTML and CSS features. Can I email runs on Jekyll as a GitHub Pages site with a homemade theme. The site uses Sass for CSS compilation. -
18
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. ... -
19
Just Another Desktop Environment
Linux desktop environment built with HTML5, CSS, JavaScript and Python
...Show/Hide application categories. Keyboard application search. Visual application search. Settings panel integrates with individual application settings. Dbus integration. UI inspector. Animated Backgrounds. Drag and Drop, optional Window auto tile. Desktop Tour on first run. Scriptable workspaces. -
20
yBlog Creator
Fast, Simple Full-Featured Blog Creator in PHP. No database needed.
Designed from the ground up to take advantage of the new and increasingly standardized features of HTML5 and PHP7+, Yofiel's file-based yBlog Creator provides W3C-validated, responsive, animated page templates that work consistently on Chrome, Safari, and Edge desktops and mobiles. But its fast CSS3 and native JavaScript libraries total less than 15KB. Any HTML editor may create content. Menus and metadata are automatic. A single stylesheet provides multiple color and appearance options via CSS3 variables. The browser client requires no bulky and frequently buggy external libraries, such as jQuery, BootStrap, or MooTools. ... -
21
Mire Engine
2D Game Engine
A Cross Platform 2d Rpg Game Engine for mobile and Console. -
22
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. -
23
lightgallery.js
Full featured JavaScript image & video gallery
...This allows users to navigate between slides by either swipe or mouse drag. lightgallery.js comes with a numerous number of options, which allow you to customize the plugin very easily. You can easily customize the look and feel of the gallery by updating SASS variables. You also have the option to enable animated thumbnails from the settings. otherwise normal thumbnail will be used. You can also make thumbnails automatically load for your YouTube or Vimeo videos. -
24
Pixel Art to CSS
Pixel art animation and drawing web app powered by React
...Combining the power of both box-shadow and keyframes CSS properties, you will get CSS code ready to use on your site. Furthermore, you can download your work in different formats such as static images, animated GIFs or sprite-like images. Pixel Art to CSS aims to be an intuitive tool by its simplicity, however, it is equipped with a wide range of features: customize your color palette, go back and forth in time, modify animation settings, and save or load your projects, among others. -
25
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. ...