Granim.js Alternatives

FusionCharts is a powerful and easy-to-use JavaScript charting library that helps developers to add interactive charts and data visualizations to their web and mobile applications. With 100+ chart types, including column, bar, line, area, pie, doughnut, scatter, bubble, and more, it's easy to create professional-looking charts that are engaging and informative. The library is completely cross-browser compatible and works seamlessly with a wide range of technologies, including Angular, React, Vue, and more. FusionCharts product suite consists of • FusionCharts Suite XT • FusionTime • FusionExport • FusionGrid FusionCharts offers a wide range of features that make it one of the most popular charting libraries on the market, including: • Real-time data updates • Dynamic updates of data using AJAX • Drill-down and multi-level charts • Animation and special effects • Export to PDF, PNG, and SVG • Responsive design • Accessibility support

An experiment in sharing background across multiple elements using CSS. If you want to accomplish a "background sharing across multiple elements" effect in HTML/CSS without any coordinates processing by JavaScript, Multiple.js is the answer. Note that icons and text at lighter layers have gradient-color from darker layers, creating the illusion of an underlying violet layer. In addition to that, layers pass the background image (girl) with equal transparency so that layers can not be superimposed on each other. All these things can be implemented in CSS. Add a gap between elements to make sure that the background remains in the same position. Toggle background image/gradient to get idea how it looks. Miss random layers to make sure that elements are independent. Expands background to viewport's size and displays in every element appropriate chunk, exactly what is needed! Background can be successfully expanded to full viewport size.

Anime.js is a lightweight JavaScript animation library with a simple, yet powerful API. It works with CSS properties, SVG, DOM attributes, and JavaScript Objects. Follow through animations made easy. Anime's built-in staggering system makes complex follow-through and overlapping animations simple. It can be used on both timings and properties. Animate multiple CSS transforms properties with different timings simultaneously on a single HTML element. Play, pause, control, reverse and trigger events in sync using the complete built-in callbacks and controls functions. Anime.js works with anything web. CSS, SVG, DOM attributes and JavaScript Objects, animate everything with a single unified API. Staggering allows you to animate multiple elements with follow-through and overlapping action. Animation keyframes are defined using an Array, within the keyframes property. Each keyframe duration will be equal to the animation's total duration divided by the number of keyframes.

Velocity is an animation engine with the same API as jQuery's animate. It works with and without jQuery. It's incredibly fast, and it features color animation, transforms, loops, easings, SVG support, and scrolling. It is the best of jQuery and CSS transitions combined. Download Velocity, include it on your page and replace all instances of jQuery's animate with velocity. You will immediately see a performance boost across all browsers and devices, especially on mobile. Velocity works everywhere, back to IE8 and Android 2.3. Under the hood, it mimics jQuery's queue, and thus interoperates seamlessly with jQuery's animate, fade, and delay. Since Velocity's syntax is identical to animate, your code doesn't need to change. JavaScript and jQuery are falsely conflated. JavaScript animation, which Velocity uses, is fast; it's jQuery that's slow. Although Velocity works alongside jQuery, it uses its own animation stack that delivers its performance.

Simple yet flexible JavaScript charting for designers & developers. Layout boxes can be stacked and weighted in groups. A secondary title plugin with all the same options as the main title. Line segments can be styled by any user-defined criteria. Transitions of every property in every element can be configured individually and independently. Numerous performance enhancements have been introduced. Mix and match bar and line charts to provide a clear visual distinction between datasets. Plot complex, sparse datasets on date time, logarithmic, or even entirely custom scales with ease. Out of the box stunning transitions when changing data, updating colors, and adding datasets. Chart.js is a community-maintained project, contributions welcome! Visualize your data in 8 different ways, each of them animated and customizable. Redraws charts on window resize for perfect scale granularity. Includes new chart axis types.

A simple library to take care of complicated animations. You can also add custom functions that do non-CSS animations! Install and save to your package.json, and include it in your Javascript. Brew up some instant scroll animations. Animate based on scroll location, animate based on mouse X location and create multiple animations based on mouse X location. Now you can create an instance of Choreographer, and run the animations based on whatever measurement floats your boat (ex. scroll position, mouse position, timestamp, whatever). The easiest way to understand how this all works is to check out the examples. Bugs will occur if you overlap animation ranges that affect the same style properties! There are two built-in animation functions available, called 'scale' and 'change'. Progress is what allows for progressive scaling of values (ex. smooth fading of opacity, 2d translation, etc.) If the value is between 0 and 1, that means you are within a range.

Three.js is a JavaScript 3D library. The aim of the project is to create an easy-to-use, lightweight, cross-browser, general-purpose 3D library. The current builds only include a WebGL renderer but WebGPU (experimental), SVG and CSS3D renderers are also available in the examples. To actually be able to display anything with three.js, we need three things, scene, camera, and renderer, so that we can render the scene with the camera. In addition to the WebGLRenderer, Three.js comes with a few others, often used as fallbacks for users with older browsers or for those who don't have WebGL support for some reason. Create a loop that causes the renderer to draw the scene every time the screen is refreshed (on a typical screen this means 60 times per second). Anything you want to move or change while the app is running has to go through the animate loop. You can of course call other functions from there.

Banner Design Studio helps you create absolutely stunning animated or static flash and GIF banners with just a few clicks of the mouse, requiring no graphic expertise whatsoever. Choose from hundreds of professionally designed banners of different industry categories and industry-standard sizes. Set your background either as animated or static, choose from 400+ backgrounds or add solid color or a gradient or add your own image. Also, import animation in the background in SWF format. Add unlimited text fields; import system fonts, apply the curved effect to text with arc text, access font character map, use transition effects, hyperlink text, and more, all in seconds. Add custom images, change their positions, adjust their brightness and contrast, flip, rotate and even add a hyperlinkg. Use the built-in dynamic shape generator to create different shapes or access symbols from a library of 4000 symbols. Easily change their properties and apply different effects.

Masonry is a JavaScript grid layout library. It works by placing elements in optimal position based on available vertical space, sort of like a mason fitting stones in a wall. You’ve probably seen it in use all over the Internet. All sizing and styling of items is handled by your own CSS. Item sizes can be set with percentages for responsive layouts. Unloaded images can throw off Masonry layouts and cause item elements to overlap. imagesLoaded resolves this issue. imagesLoaded is a separate script you can download. You can initialize Masonry in HTML, without writing any JavaScript. All options are optional, but column width and item selection are recommended. Align items to a horizontal grid. Use element sizing for responsive layouts with percentage widths. Element sizing options allow you to control the sizing of the Masonry layout within your CSS. This is useful for responsive layouts and media queries.

React makes it painless to create interactive UIs. Design simple views for each state in your application, and React will efficiently update and render just the right components when your data changes. Declarative views make your code more predictable and easier to debug. Build encapsulated components that manage their own state, then compose them to make complex UIs. Since component logic is written in JavaScript instead of templates, you can easily pass rich data through your app and keep state out of the DOM. We don’t make assumptions about the rest of your technology stack, so you can develop new features in React without rewriting existing code. React components implement a render() method that takes input data and returns what to display. This example uses an XML-like syntax called JSX. Input data that is passed into the component can be accessed by render() via this.props.

Easy Banner Creator 3.4 is an easy-to-use tool for the creation of animated or static banners in seconds without graphic skills. Your own banners will make your website successful and will attract new visitors. Make banners and GIF and flash animations for the web, make illustrations, make presentation materials, development of creative imagination. Creates animated and static banners with standard or any sizes. Defines the style of background fill, color, gradient, picture, and hatch. Supports most popular image formats, BMP, JPEG (JPG), GIF, PNG, PCX, TGA, PSD, ICO, and Windows Metafiles. Adds, deletes, and swaps banner elements, texts, and images (including animated GIFs). Builds animation on the basis of running multiple elements and text effects (color change, size change, fade, and teletype) or image effects (fade and size). Defines text (multi-line text) by parameters, color, font, size, shade color, and depth. Defines image parameters, size, and transparency.

Simple wrapper for cross-browser usage of the JavaScript Fullscreen API, which lets you bring the page or any element into fullscreen. Smoothens out the browser implementation differences, so you don't have to. If you cannot use ESM or need to support older browsers without using transpilation, use version 5.2.0. Only 0.7 kB gzipped. Also available on cdnjs (older version). Safari is supported on desktops and iPad, but not on iPhones. This is a limitation in the browser, not in Screenfull. Fullscreen the page or fullscreen an element. Hide the navigation user interface on mobile devices. Fullscreen an element with jQuery and toggle fullscreen on an image with jQuery. Detect fullscreen change, remove listeners, detect fullscreen errors, and fullscreen elements with Angular.js. Keep in mind that the browser will only enter fullscreen when initiated by user events like click, touch, or key.

Explore color palettes and combinations. You can create a million A.I generated color palettes to inspire your ideas. Search your palette by color or use our Image Color Extractor to create one! An easy way to know which color harmonies match well. A color wheel shows relationships between colors. Adjust your color palette based on HSV and RGB parameters. Check how well your text can stand out on different backgrounds. The text color contrasts are calculated mathematically. The higher the score, the more readable the text. Our photo overlays can give your image a different character. Drop an image and preview it on our various overlays. Choose the one that you like and download it easily. Explore gradients generated from different color combinations. Generate gradients from your favorite palettes or click randomize to explore different color combinations. Check text to background contrast ratio from a color palette. The higher the contrast score, the better the readability.

Synfig Studio is a free and open-source 2D animation software, designed as a powerful industrial-strength solution for creating film-quality animation using a vector and bitmap artwork. It eliminates the need to create frame-by-frame animation, allowing you to produce 2D animation of a higher quality with fewer people and resources. Transform any vector shape into another! Synfig gives you powerful tools for full control of your vector artwork. Just set the key positions and the intermediate frames will be calculated automatically. Synfig provides more than 50 layers to create illustrations and animations of any complexity. Choose from several types of layers: geometry, gradients, filters, distortions, transformations, fractals and others. The full-featured bone system allows you to create cutout animations using bitmap images or control your vector artwork.

DataViewsJS enables you to easily and professionally customize the presentation of your data using different layouts, row templates, data fields, calculations, and editing modes that are completely and easily customizable. Leverage the powerful calc engine to perform calculations on any set of JSON data. With our calculation engine, your computing power is optimized for large data and complex calculations. DataViewsJS was designed from the start to be a fast, full-featured, and completely customizable developer tool for efficient data display and editing to meet any of your JavaScript application’s needs. Localized resources for Chinese, Japanese, and Korean are included with DataViewsJS. Additional languages can be easily added by creating your own resource files and setting them with simple script code. Modern data presentation patterns such as those you see on social networks and other sites become easy when you use DataViewsJS interchangeable layouts.

A JavaScript date library for parsing, validating, manipulating, and formatting dates. Moment was designed to work both in the browser and in Node.js. All code should work in both of these environments, and all unit tests are run in both of these environments. Moment.js has been successfully used in millions of projects. As of September 2020, Moment gets over 12 million downloads per week! Moment has evolved somewhat over the years, but it has essentially the same design as it did when it was created in 2011. Moment works well on Internet Explorer 8 and higher. Some libraries are split into modules, plugins, or companion libraries. Some libraries use the ECMAScript Intl API for locales, time zones, or both. Some libraries still provide their own locale and time zone files as Moment and Moment-Timezone do. Because different locales define week of year numbering differently, Moment.js added options to get/set the localized week of the year.

A JavaScript display engine for mathematics that works in all browsers. Beautiful and accessible math in all browsers No more setup for readers, it just works. MathJax provides tools to transform your content from traditional print sources into modern, accessible web content and ePubs. The MathJax team is available to train your staff in using our resources for preparing online teaching material and creating accessible STEM content. MathJax is highly flexible and can be tailored to the needs of your institution by creating customized configurations and specialized software workflows. MathJax uses CSS with web fonts or SVG, instead of bitmap images or Flash, so equations scale with surrounding text at all zoom levels. MathJax is highly modular on input and output. Use MathML, TeX, and ASCIImath as input and produce HTML+CSS, SVG, or MathML as output. MathJax works with screenreaders & provides expression zoom and interactive exploration.

Animate on scroll library. In order to make it work, you'll have to make sure your build process has configured styles loader and bundles it all correctly. If you're using Parcel, however, it will work out of the box as provided. AOS object is exposed as a global variable, for now, there are three methods available. Initialize AOS, recalculate all offsets and positions of elements (called on window resize), reinitiate the array with AOS elements, and trigger refresh (called on DOM changes that are related to AOS elements). By default, AOS is watching for DOM changes and if there are any new elements loaded asynchronously or when something is removed from DOM it calls refreshHard automatically. In browsers that don't support MutationObserver like IE, you might need to call it by yourself. You can also tell AOS to trigger a custom event on a specific element. You can also add custom animations.

Next-gen website builder that works like Notion. All you need to build websites. No coding required. Daftpage’s editor offers an intuitive and powerful interface similar to Notion. Drag & Drop to create unique layouts or quick start from a template Dark mode, color gradient, animations, etc… pretty much in one click! Drops are drag & drop elements positionable anywhere on the page. Anchor them to blocks to make them follow the responsive layout! Connect to Notion, Airtable, Google Sheets, etc… Use Daftpage as your front-end.

jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. If you're new to jQuery. Return a collection of matched elements either found in the DOM based on passed argument(s) or created by passing an HTML string. All the aspects of the API that were deprecated in the corresponding version of jQuery. These methods get and set DOM attributes of elements.

5X is here to deliver you more exclusive creative tools, exciting new features and a host of powerful improvements. Whether you're starting out or a professional, Procreate will help take your art to the next level. Change the way you work forever by painting stunning effects with any brush. Get exactly the look you want, exactly where you want it by customizing your adjustments at any time. Creating incredible effects and dramatic finishes is easier than ever with a host of new filters and adjustments. There are huge improvements to essential filters like Noise and Blur, and amazing new creative possibilities with Glitch, Chromatic Aberration and more. Powerful and flexible new Bloom, Half Tone and Noise, ideal for that perfect finish. Add a new dimension of color by mapping custom gradients across your value painting. The Gradient Library comes packed with gorgeous gradients to help get you started.

Gradient Cybersecurity Mesh stitches together hardware-based roots of trust with nation-state hardened software to eliminate the threat of credential-based cyberattacks and creates a frictionless user experience without requiring any changes to your existing infrastructure. By anchoring credentials to machines using hardware roots of trust, attackers are no longer able to steal credentials and then use them from another device to impersonate an identity. Leveraging Gradient’s secure enclave, your credentials and access control policy operations have nation-state level protection ensuring they can never be compromised. Credentials issued by GCM can be rotated in as little as ten minutes, ensuring short lived sessions that are seamlessly renewed to prevent compromize and ensure compliance with least access principles.

Express Animate helps you create stunning animations using objects, images, illustrations, and videos. Choose from a wide array of effects and animation tools to add your creative flare to your project. Get creative with applying transformations and effects to image objects. Quickly convert a color object to black and white or sepia. Enhance an object by adjusting the color temperature or saturation. Use keyframes with the object properties to motion tween, zoom, rotate, and more. Add life to your characters and animated cartoons. Animate separate body parts or group multiple objects together to optimize the animation process. Use the timeline to move your character and create animations. Use multiple layers and keyframes to add special effects, audio, and more. Express Animate has advanced tools for experienced animators and graphic designers, including vector masks, onion skins, blending modes, and a graph editor for precise animation.

Builds on top of standard HTML, CSS and JavaScript with intuitive API and world-class documentation. Truly reactive, compiler-optimized rendering system that rarely requires manual optimization. A rich, incrementally adoptable ecosystem that scales between a library and a full-featured framework. Vue is a JavaScript framework for building user interfaces. It builds on top of standard HTML, CSS and JavaScript, and provides a declarative and component-based programming model that helps you efficiently develop user interfaces, be it simple or complex. Vue extends standard HTML with a template syntax that allows us to declaratively describe HTML output based on JavaScript state. Vue automatically tracks JavaScript state changes and efficiently updates the DOM when changes happen. Vue is a framework and ecosystem that covers most of the common features needed in frontend development.

Format your <input/> content when you are typing. Cleave.js has a simple purpose, to help you format input text content automatically. Credit card number formatting, phone number formatting (i18n js lib separated for each country to reduce size), date formatting, numeral formatting, custom delimiter, prefix and block pattern, CommonJS/AMD mode, ReactJS component, AngularJS directive (1.x), and ES module. The idea is to provide an easy way to increase input field readability by formatting your typed data. By using this library, you won't need to write any mind-blowing regular expressions or mask patterns to format input text. However, this isn't meant to replace any validation or mask library, you should still sanitize and validate your data in the backend. Types are contributed by the community. Types for the React component are also available and can be imported in the same way.

A one-click professional photo studio right in your browser! Automatically remove backgrounds and create images to highlight products or people. Create awesome profile photos or eCommerce store product images one at a time or batch 50 photos at once. Round and square profile photo with a simple flat or soft gradient background. More colors and options are available when selecting a design. Clean and simple eCommerce and store listings, let the product shine and take center stage. These professionally designed profiles will make you stand out, stand out, and be seen on social media. Upgrade your designs with our stylish and customizable mood board stationery elements for that photo journaling look. Our aesthetically pleasing stationery elements will help your design stand out. Get creative and make a lasting impression with our mood board stationery elements.

Modernizr tells you what HTML, CSS, and JavaScript feature the user’s browser has to offer. It’s a collection of superfast tests, or “detects” as we like to call them, which run as your web page loads, then you can use the results to tailor the experience to the user. All web developers come up against differences between browsers and devices. That’s largely due to different feature sets, the latest versions of the popular browsers can do some awesome things which older browsers can’t, but we still have to support the older ones. Modernizr makes it easy to deliver tiered experiences and make use of the latest and greatest features in browsers that support them, without leaving less fortunate users high and dry. Modernizr is a small piece of JavaScript code that automatically detects the availability of next-generation web technologies in your user's browsers. Modernizr uses feature detection to allow you to easily tailor your user's experience.

A modern JavaScript utility library delivering modularity, performance, and extras. Lodash is released under the MIT license and supports modern environments. Lodash makes JavaScript easier by taking the hassle out of working with arrays, numbers, objects, strings, etc. Lodash’s modular methods are great for Iterating arrays, objects, and strings, manipulating and testing values, as well as creating composite functions. Lodash is available in a variety of builds and module formats. futil-js is a set of functional utilities designed to complement Lodash. Tested in Chrome 74-75, Firefox 66-67, IE 11, Edge 18, Safari 11-12, and Node.js 8-12. Determine the lowest index at which value should be inserted into an array in order to maintain its sort order. Methods that operate on and return arrays, collections, and functions can be chained together. Methods that retrieve a single value or may return a primitive value will automatically end the chain sequence.

Underscore is a JavaScript library that provides a whole mess of useful functional programming helpers without extending any built-in objects. Underscore provides over 100 functions that support both your favorite workaday functional helpers like map, filter, and invoke, as well as more specialized goodies like function binding, javascript templating, creating quick indexes, deep equality testing, and so on. You may choose between monolithic and modular imports. The project is hosted on GitHub. You can report bugs and discuss features on the issues page or chat in the Gitter channel. Underscore 1.x is backward compatible with any engine that fully supports ES3, while also utilizing newer features when available. Collection functions work on arrays, objects, and array-like objects. We have recent confirmation that the library is compatible with Adobe ExtendScript. There is support code present for IE 8, which we will retain in future Underscore updates.

The Polymer library provides a set of features for creating custom elements. These features are designed to make it easier and faster to make custom elements that work like standard DOM elements. Similar to standard DOM elements, Polymer elements can be instantiated using a constructor or document creation element, configured using attributes or properties, populated with internal DOM inside each instance, responsive to property and attribute changes, styled with internal defaults or externally, and responsive to methods that manipulate its internal state. Registering an element associates a class with a custom element name. The element provides callbacks to manage its lifecycle. Polymer also lets you declare properties, to integrate your element's property API with the Polymer data system. Shadow DOM provides a local, encapsulated DOM tree for your element. Polymer can automatically create and populate a shadow tree for your element from a DOM template.

WebDataRocks is a simple free JS library for creating functional and easy-to-use pivot tables. It can be used with Angular, Vue, React or any other framework. Free Flexible in customization JavaScript based client-side component Loads 1MB of JSON or CSV data files Full set of enterprise features Integration with 3rd party charting libraries Full set of enterprise features Features like filtering, sorting, grouping, conditional and number formatting, calculated values, totals are available for efficient work with your data. It supports printing or exporting web report to PDF, Excel or HTML with just one click. Ready-to-use modern UI The tool offers a classy spreadsheet-like interface optimized both for browsers and apps. All principles of reliability and excellent user experience are already implemented in this web reporting tool.

QR Codes with logo Add your logos in vector or raster format or use one of the suggested logos of popular messengers, websites and applications. Save QR code with logo in high quality. QR Code vector formats Create your own QR code and save it in high resolution for large format printing. Choose any resolution for your QR code and save it as SVG or PDF vector format. QR Codes for businesses Generate and print QR codes with your company logo. Custom design Change QR code design. You can choose shape and color, add gradient and logo. Create a unique design or use the standard QR code style.

sK1 is an open source cross-platform vector graphics editor like CorelDRAW, Adobe Illustrator, or Freehand. The major feature of sK1 is a professional precise printing and prepress ready PDF output. sK1 2.0 is licensed under GPL v3. So you may use this application as for personal or commercial purposes without any fees. Application supports basic vector graphics primitives: rectangles, rounded rectangles, ellipses, pies, sectors, chords, polygons, Bézier curves, text and bitmaps. The objects may be structured on pages, layers and just in selectable groups/containers. Pages within a document can be of different sizes. Like PS/PDF definitions, sK1 2.0 provides solid fill, gradient fill and pattern fill for graphics primitives. Also the objects can be outlined by solid stroke Like for PDF objects, alphachannel is available for solid fill, gradient stops and for stroke color. Application supports RGB, CMYK and Grayscale colorspaces. SPOT colors are also supported.

Unlike bitmap drawing applications, which focus on editing the individual pixels of an image, vector designs are created using objects and paths. Vector paths, consisting of points, lines, and curves, can be painted and filled. Multiple paths can be used together to create detailed intricate objects, while multiple objects can then be arranged to create a larger design. A vector image remains crisp when enlarged, without any loss of quality. A bitmap version of the same image loses quality when enlarged. When launching Graphic for the first time, you will be presented with the Documents Browser displaying a few sample documents. Tap any document to open it. When objects are selected, the fill and stroke color wells update to the colors used by those objects. Changing the fill or stroke colors while objects are selected will change the objects’ colors. Besides colors, gradients and patterns, objects can be filled with images. Even text objects can be filled with images.

Remove Background for profile pictures, social media graphics, eSignatures, company logos, presentations and more using our smart editing, resizing and exporting tools. Create custom WhatsApp display pictures with gradients and patterns. Boost your social media likes by flaunting your creativity. Get the right image format for government documents and passport. Quickly remove background from logos and signatures for your online documents. Remove backgrounds from your images without any Photoshop skills in a few seconds. Just a click and the background is cleared! Have you always wished to have the perfect picture for your social media profiles but had basic photo editing skills? You are at the right place! Create stunning photos with striking effects and new background features with Erase.bg. Now you can add gradients, patterns, textures and more to your background.

Icon fonts are an exciting method that gives web designers the scalability, flexibility, and performance to manipulate the icons. But what if you need to use these icons in a desktop or mobile application? Or create a website favicon or multi-colored icon? The only answer is old-fashioned image icons in png or ico format. Iconion converts your favorite icon fonts to modern, colorful image icons. Flat icons, round icons, square icons, long-shadow icons, Windows 10 icons, iOS icons, Mac icons, custom social media icons: facebook icon, twitter icon, google plus icon and many more. This area allows you will create and edit your icons. Control the look of your icon by changing the "Icon" or "Background" properties in their respective tabs. Select a style for your icons. There are a lot of fancy styles to choose from. Also, you can easily customize icon and background color, border, size, shadow, gradient and many other parameters.

Verge3D® is a powerful and intuitive toolkit that allows Blender, 3ds Max, or Maya artists to create immersive web-based experiences. Verge3D can be used to build interactive animations, product configurators, engaging presentations of any kind, online stores, explainers, e-learning content, portfolios, and browser games. The high-tech 3D web technology becomes accessible with Verge3D. Your exquisite content will live on your website being appreciated by the billion-sized Internet population. Interactivity, including the true 360° view, zoom, and animation, will bring an entirely new level of engagement to your creations. It will work everywhere, from a small smartphone to a workstation and even a TV set. We designed and assembled all the tools you need in one place and called it Verge3D. Find out how Verge3D can transform your business and differentiate your enterprise from the rest of the industry!

Blocs is fast, intuitive and powerful visual web design software, that lets you create responsive websites without writing code. Blocs works on the concept of stacking pre-built sections to create fully coded, responsive web sites. It’s incredibly fast and a very natural way to build. Build fully customizable webpage layouts in minutes. Visual editing controls deliver an intuitive user experience. Create fully responsive websites that look great on any screen. Build as many websites as you like, no restrictions. Intuitive visual styling controls let you easily customise the finest details of any element to create beautiful, modern websites. Design layouts that are fluid or position elements with absolute pixel perfect precision. Create beautiful, rich typography with a fully featured collection of typography settings and controls. Apply stylish design details such as background images, gradients, shadows and more.

From header to footer, and anything in between. Customize every aspect of your site right in the builder, soon you'll forget you're using WordPress. Insert dynamic data. Edit & preview multiple breakpoints for a fully responsive website optimized for mobile. Lots of smart features to help you build better sites in less time. Hit the ground running with one of our ready-made templates. Create custom theme styles to make any design your own. Edit your images visually via CSS filters. Add unlimited gradients & shape dividers to any block. Create a color palette that fits your brand. Upload your favorite fonts and SVGs. Easily create your own elements with PHP, HTML, and CSS. No complicated build/compile process is required. Use hooks and filters to customize everything down to color palette, save messages, and so on.

Amberlight is a unique art tool that creates beautiful computer generated images and animations. Millions of particles are flying through your canvas and you can drive them with special fields. It was made both as a tool for advanced artists as well as for people who want to explore their artistic side and want to create unique artworks. Have fun and feel free to experiment with this one-of-a-kind tool! Amberlight algorithm was created by Peter Blaškovič within the 'I am an Artist' experiment. The initial vision was to create fractal genre application where anyone could easily unleash their creativity. Add an animated magic to your digital content, enjoy innovative features and let your creativity flow. Create beautiful fractal style images, backgrounds and effects and experiment with various fields and gradients. Amberlight layers are perfect enhancements to your designs that can easily become a part of bigger creative projects.

Ascalaph Designer is a general-purpose program for molecular dynamic simulations. Under a single graphical environment are represented as their own implementation of molecular dynamics as well as the methods of classical and quantum mechanics of popular programs. Molecular geometry optimization with conjugate gradient methods. Shows molecular models in separate windows. Each window has two cameras, which allow the model to be simultaneously visualized from two sides and in different graphic modes. The subwindow can be opened by dragging the splitter in the right corner of each graphical window. Clicking on an atom or bond with the left mouse button slightly changes their color and a brief info about the picked object appears in the status bar. The wire-frame style is convenient for large molecules, particularly, proteins. Drawing is very fast for this style. Finally, CPK wire frame combines the properties of several above styles.

New slideshow feature, make photo slideshow animations with 21 effects available. GIF collage, merge multiple GIFs into one animation. Add an animated GIF to a static photo or add a static photo to an animated GIF. Crop an existing GIF to reduce size. Preserve original GIF color and image quality. Add styled text to a GIF, and control its timing, size, style, color, and position. Video to animated GIF conversion for Android 4.0+. Fast GIF creation and editing, 3 to 10 times speed improvement! Transparent color supports the creation, cropping, editing, and addition of stickers, etc. Change the background/color of an existing GIF to transparent. Cut the animation timeline; mix two animated GIFs. Extract photos from GIFs. Fast photo capture using camera. Create animated GIFs using existing photos or recording using the camera. A GIF player to page view animations with different speeds. Change the playing repeat count of a GIF. Share GIFs with your friends.

Boxy SVG project goal is to create the best tool for editing SVG files. For beginners as well as for professional web designers and web developers. On any device and operating system. Boxy SVG is built around the idea that user interfaces should get out of the way. There is no crowded workspace with overlapping dialogs or dozens of opened palettes and toolbars. Your illustration takes the center stage. Whether it's the editing of shapes or adjustment of gradient fills, most of the action is taking place directly on the canvas. Fine control over the changes is available in panels that you can expand and then collapse with a single click or key press. Many features are accessible with keyboard shortcuts that you can customize to your liking. This is especially useful if you are coming with a lot of muscle memory from years of using other vector graphics editors.

Create powerful prototypes with JavaScript that make your design animated and interactive. Prototyper is easy to get started and becomes more powerful as you go. Prototyper takes your currently selected frame on the Figma canvas and converts each individual layer into an image that renders as a preview on the right-hand side of the plugin. Each layer is turned into a variable that you can reference in the code editor on the left-hand side of the plugin to add animations and interactions. They have a hierarchy and properties defining their position, appearance and interactivity. Animate states or layer properties like scale and color with various easing or spring curves, time and delay options. Events are used to detect and respond to user interactions, animations that start or end, values that change and more.

Do fast top-down rendering of views while thinking functional programming. Allow your views to be predictable, naturally separated, and composable, but still performant. Omniscient is to React as memoize is to the Fibonacci function. Functional programming for UIs. Memoization for stateless React components. Top-down rendering of components (unidirectional data flow). Favors immutable data (with Immutable.js). Encourages small, composable components, and shared functionality through mixins. Natural separation of concern. Components only deal with their own piece of data. Efficient and centrally defined. In its simplest form, an Omniscient component is a Stateless React Component, but more optimized. Omniscient is just as much a way to think when you are building applications as a library itself. As Omniscient is wrapped in a UMD you can use it many different ways, through CommonJS, AMD, or just through the window object.

AnimeEffects is a 2D keyframe animation tool based on deformation of polygon meshes. You can easily operate, quickly shape your idea, and remake at any time if you have changed your mind. You can import image files such as JPEG, PNG, GIF, and PSD for animation resources. For PSD, AnimeEffects supports layer clipping and many blending modes. (PSD is the multiple layer format of Adobe Photoshop and it is supported by various paint tools such as Easy Paint Tool SAI, and Clip Studio Paint, etc.) AnimeEffects supports graphics tablet operation and canvas rotation it’s well-known functions of a paint tool, and it enables intuitive deformation.

ArtRage is a digital artist’s studio with a full range of familiar tools that look and work like the real things. It’s a canvas for thick, expressive oils and delicate watercolors, a sketchpad with a full set of pencils, and a sheet of paper with a stack of wax crayons all in one. Smear and blend thick oils to create natural color gradients. Sketch with pencils and shade with the edge of the tip. Create delicate watercolor strokes that react to canvas texture. And much more, without any fuss! The current versions of ArtRage support the following systems and languages. Use photos as References while painting. Work with Guides, Grids, and Perspective Layout tools. Features Layers, Blend Modes, and other industry standards. With a wide range of traditional tools and powerful digital utilities, ArtRage is the perfect creative tool for anyone, kids to adults, amateurs to professionals. Let ArtRage help with your color choices by automatically displaying a variety of types of complement.

The quickest way to get started with our illustration generator is to use pre-made models. If you want to depict a style or an object that is not available in the premade models you can train your own fine tune by uploading 5-15 illustrations. there are no limits to fine-tuning you can use it for illustrations icons or any assets you need. Read more about fine-tuning. Illustrations are exportable in PNG and SVG formats. Fine-tuning allows you to train the stable-diffusion AI model, on a particular object or style, and create a new model that generates images of those objects or styles. The fine-tuning will be only as good as the data you provide. Around 5-15 images are recommended for fine-tuning. Images can be of any unique object or style. Images should contain only the subject itself, without background noise or other objects. Images must not include any gradients or shadows if you want to export it as SVG later. PNG export still works fine with gradients and shadows.

Build data-rich, responsive web apps much faster with Ignite UI - the most complete library of enterprise-grade JavaScript and .NET UI components available. Includes libraries for Angular, ASP.NET (Core and MVC), Blazor, jQuery, React, web components and more. Our advanced Command Line Interface (CLI) tools simplify the use of component libraries with multiple dependencies. While our WYSIWYG Page Designer allows you to drag-n-drop your way to a modern web experience – leveraging our JavaScript UI components, data connectors, layout and theme support to design, and code your next app. It is hard to be productive when you need to be an expert in multiple JavaScript libraries. We augment our libraries with Typescript for strong typing, class-based inheritance that makes development a lot less error-prone and easier to manage.

Preact provides the thinnest possible Virtual DOM abstraction on top of the DOM. It builds on stable platform features, registers real event handlers and plays nicely with other libraries. Most UI frameworks are large enough to be the majority of an app's JavaScript size. Preact is different: it's small enough that your code is the largest part of your application. That means less JavaScript to download, parse and execute - leaving more time for your code, so you can build an experience you define without fighting to keep a framework under control. Preact is fast, and not just because of its size. It's one of the fastest Virtual DOM libraries out there, thanks to a simple and predictable diff implementation. We automatically batch updates and tune Preact to the extreme when it comes to performance. We work closely with browser engineers to get the maximum performance possible out of Preact.