Search Results for "properties"
Sort By:
Showing 15 open source projects for "properties"
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.
-
Host LLMs in Production With On-Demand GPUsDeploy your model, get an endpoint, pay only for compute time. No GPU provisioning or infrastructure management required.
-
1
anime.js
JavaScript animation engine
anime.js is a lightweight JavaScript animation library that allows you to create complex animations with a single, powerful API. It works with just about anything web-based: CSS properties, SVG, DOM attributes and JavaScript Objects. anime.js makes it easy to create layered and complex animations, and gives you full control of timing and triggering events so they move exactly how and when you want them. It supports some of the latest browsers, and offers plenty of examples and demonstrations to get you animating in no time. ... -
2
Fabric.js
Javascript Canvas Library and SVG-to-Canvas Parser
...Fabric provides an interactive object model on top of canvas element, so you can create and populate objects on canvas; manipulate the size, position and rotation of these objects; modify properties such as color, transparency and more. You could also group these objects together with just a simple mouse selection. Fabric offers support for touch devices, as well as Node.js support. It currently supports the following browsers: Firefox 2+, Safari 3+, Opera 9.64+, Chrome (all versions), IE10, IE11, and Edge. -
3
CSS Inspiration
Curated collection of interesting, creative, or inspiring CSS effects
...Source code is front and center, encouraging developers to study, copy, and tweak snippets for their own projects. Many examples lean on contemporary features—custom properties, filters, blend modes, gradients, and keyframes—serving as both inspiration and a practical cookbook. Because each demo focuses on a single idea, it’s an effective way to learn new techniques without wading through a full framework. The project thrives on experimentation and community interest, making it a frequent reference for designers, front-end engineers, and educators who want visually striking yet lightweight solutions. -
4
nivo
A rich set of dataviz components
...In order to use nivo, you have to install the @nivo/core package and then choose some of the scoped @nivo packages according to the charts you wish to use. Given an array of data series having an id and a nested array of points (with x, y properties), it will compute the line for each data series. All datum having null x or y will be treated as holes, thus portions of the corresponding line will be skipped. You can fully customize it using the circleComponent property to define your own, if you wish to do so you should have a look at the default SVG component to get started. ... -
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
React Native Vector Icons
Customizable Icons for React Native with full styling
...If the automatic linking works for you, running this again should update the fonts. You can either use one of the bundled icons supported or roll your own custom font. Since Icon builds on top of the Text component, most style properties will work as expected, you might find it useful to play around with background color, border width, border color, border radius, padding, margin, color, font size, etc. -
6
Animatable
One property, two values, endless possiblities
Animatable is an interactive web gallery that demonstrates which CSS properties can transition between two values. Each tile represents one property and continuously alternates between a defined starting and ending state. Visitors can animate every example at once or trigger individual demonstrations by hovering. Selecting a tile reveals the property name, both values, authorship information, and controls for moving to adjacent examples. -
7
Vue Meta
Manage HTML metadata in Vue.js components with SSR support
...However, instead of setting your data as props passed to a proprietary component, you simply export it as part of your component's data using the meta info property. These properties, when set on a deeply nested component, will cleverly overwrite their parent components' metaInfo, thereby enabling custom info for each top-level view as well as coupling metadata directly to deeply nested subcomponents for more maintainable code. -
8
Pixel Art to CSS
Pixel art animation and drawing web app powered by React
Pixel Art to CSS is an online editor that helps you with that task. 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. -
9
Effeckt.css
A Performant Transitions and Animations Library
...It catalogs common interaction patterns—button states, list reveals, modals, off-canvas menus, and page transitions—implemented with CSS transforms and opacity for smooth, GPU-friendly motion. The project focuses on practical details such as using compositing-friendly properties, keeping DOM structures lean, and providing hooks so JavaScript can toggle classes without micromanaging animation state. 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. ... -
Save Up to 91% on Cloud Compute With Spot VMsRun batch jobs at 60-91% off with Spot VMs. Long-running workloads get automatic discounts with sustained use.
-
10
v-charts
A tool to generate charts
...The attributes of the chart itself, such as yAxisType used to set the data type, are displayed as an area's area. Such attributes are placed in settings, and the properties of each chart are not exactly the same. -
11
xeogl
A WebGL-based 3D engine for technical visualization
...Transform hierarchies. Bounding volumes. 3D picking, raycasting. Screen capture. You can dynamically edit most things in your scene at runtime. Animate your scenes by updating the properties of their components. Load 3D models into your scene from glTF. -
12
jQuery DrawSVG
Lightweight, simple to use jQuery plugin to animate SVG paths
...This plugin uses the jQuery built-in animation engine to transition the stroke on every <path> inside the selected <svg> element, using stroke-dasharray and stroke-dashoffset properties. -
13
Loaders.css
Delightful, performance-focused pure css loading animations
...The library emphasizes small, reusable snippets: you copy a minimal markup block, apply the provided class, and tweak size or color through CSS variables or overrides. Animations are crafted to be smooth and performant, relying on GPU-friendly properties to keep frame rates high even on mobile devices. The set covers common loading metaphors (pulsing dots, rotating squares, bouncing bars), giving designers a consistent visual language across a site while keeping bundle size tiny. -
14
HTML GL
Get as many FPS as you need and amazing effects by rendering HTML/CSS
...These GPU accelerated textures are very effective from resources consuming perspective and are very cheap to transform or animate. 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. -
15
Mirrored Mockup Design
Easily design websites on the go. No coding necessary!
There's many great tools out there for web design like Adobe Edge Animate, Google Web Designer, and Adobe Proto (Except discontinued for android), but these tools are only good for those users who are running Windows, Mac OS X, or the iOS platforms. I however couldn't find a decent website designer for Linux or Android so I decided to make my own as a fun experiment.
- Previous
- You're on page 1
- Next
