Open Source JavaScript Design Software

CSS-Inspiration is a living gallery of modern CSS effects and components that highlights what’s possible with pure CSS and minimal markup. The collection ranges from micro-interactions and loaders to 3D transforms, complex backgrounds, hover states, and text effects, each presented as a small, self-contained demo. 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.

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.

Ant Motion is a motion design specification from Ant Design, and also provide a complete solution with lots of out-of-box animations for your React applications. Use Ant Motion to quickly use animations in the React framework. We offer single, combined and complete animations solutions. In the React framework, you only need a simple piece of code to achieve animation effects, which can improve your work efficiency. With more friendly interaction, let the animate shuttle between different elements, so that the product can better talk to the user.

Javascript animation authoring environment. A WYSIWYG cross-platform desktop application using jQuery to animate XHTML and HTML elements. Its built in XUL.

Develope web applications for Edlington :: Rich Media Design Websites, ProjectMonitor, and GATTO Content Management System

13 different pickers, for Sketch, Photoshop, Chrome and many more. Make your own, use the building block components to make your own. Color controls what color is active on the color picker. You can use this to initialize the color picker with a particular color, or to keep it in sync with the state of a parent component. Pass a function to call every time the color is changed. Use this to store the color in the state of a parent component or to make other transformations. Pass a function to call once a color change is complete. To make a custom color picker, create a top-level component that will act as the bridge with the CustomPicker high order component. Wrap the export with the CustomPicker function. Every color picker provided is made up of a collection of helper components. Those components are accessible for you to use to make a custom color picker. Use EditableInput to display an input / label that acts as the single source of truth until the input is blurred.

Stingray provides a robust Object Oriented Programing framework for Javascript. Stingray's classes lessen development time for graphic/multi-media designers and web developers and focus on new projects, rather than re-invent the wheel.

Web 2.0 environment for collaborative and extensible design of object interconnection diagrams like UML, networks, circuits and other graph based diagrams. Client: Web-based (AJAX / Dojo Toolkit) Server: JEE Application (Struts Framework)

Mac OS X and Windows OpenGL 3D Engine tools, content and code to create games and applications. Newton physics, OpenAL sound with OGG Vorbis, Lua, Revolution, written in C.

phpAjaxTags is a port to PHP from advanced java tag library "AjaxTags" (ajaxtags.sourceforge.net). To install - just extract zip file into Your root www dir. On-line demo http://www.2al.pl/phpAjaxTags/

Two.js is a two-dimensional drawing api geared towards modern web browsers. It is renderer agnostic enabling the same api to draw in multiple contexts: svg, canvas, and webgl. Two.js is deeply inspired by flat motion graphics. As a result, two.js aims to make the creation and animation of flat shapes easier and more concise. At its core two.js relies on a scenegraph. This means that when you draw or create an object (a Two.Path or Two.Group), two actually stores and remembers that. After you make the object you can apply any number of operations to it. Two.js has a built in animation loop. It is simple in nature and can be automated or paired with another animation library. Two.js features a Scalable Vector Graphics Interpreter. This means developers and designers alike can create SVG elements in commercial applications like Adobe Illustrator and bring them into your two.js scene.