Audience

Designers in need of an interaction design tool for the web to change, add, move, or transform elements dynamically on their web pages

About IxEdit

IxEdit is a JavaScript-based interaction design tool for the web. With IxEdit, designers can practice DOM-scripting without coding to change, add, move, or transform elements dynamically on your web pages. Especially, IxEdit must be useful to try various interactions rapidly in the prototyping phase of your web application. Interactions are visual changes of the screen which occur when users act on user interface elements. In other words, interactions are the behaviors of the user interface. For instance, when a user click a button, an image switches to another, or when a user drags an edge, the viewport expands. Those are interactions. Users are doing their jobs with a computer through various interactions generally. To implement interactions on a web page, programming with JavaScript is needed. However, it is hard to manage JavaScript for many designers. Therefore, making well-designed web interactions is difficult in general. IxEdit solves this problem.

Other Popular Alternatives & Related Software
Prototyper for Figma
Prototyper for Figma
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.
Learn more
Chrome DevTools
Chrome DevTools
Chrome DevTools is a set of web developer tools built directly into the Google Chrome browser. DevTools can help you edit pages on-the-fly and diagnose problems quickly, which ultimately helps you build better websites, faster. There are many ways to open DevTools, because different users want quick access to different parts of the DevTools UI. When you want to work with the DOM or CSS, right-click an element on the page and select Inspect to jump into the Elements panel. Or press Command+Option+C (Mac) or Control+Shift+C (Windows, Linux, Chrome OS). When you want to see logged messages or run JavaScript, press Command+Option+J (Mac) or Control+Shift+J (Windows, Linux, Chrome OS) to jump straight into the Console panel. Toggle various overlays and speed up DOM tree navigation with badges. The main uses of the Chrome DevTools Console are logging messages and running JavaScript.
Learn more
Google Web Designer
Google Web Designer
Create engaging, interactive HTML5-based designs and motion graphics that can run on any device. Google Web Designer gives you the power to create beautiful, engaging HTML5 content. Use animation and interactive elements to bring your creative vision to life, and enjoy seamless integration with other Google products, like Google Drive, Display & Video 360, and Google Ads. Set up events to make your creative react to the user's actions, even physical gestures like touch, rotation, or shaking on mobile devices. Use preset events, or build your own from scratch with JavaScript. Tailor your ad to your audience with the dynamic ad workflow. Connect elements to data signals and preview how your creative looks with sample feed data. Animate by stringing together simple scenes in Quick mode or by using layers on a timeline in Advanced mode. Motion paths and custom easing give you full control of your animation.
Learn more
Mercury Editor
Mercury Editor
Mercury is a full featured HTML5 editor. It was built from the ground up to help your team get the most out of content editing in modern browsers. Mercury comes bundled as a Rails Engine, so just include it in your Gemfile. Or download the current bundled package if you're not using Rails. We don't inject javascript or css into your production pages so you're free to use whatever frameworks you want without having to worry about conflicts. Easily add or remove toolbar items or create entirely new tools. Any toolbar item can be tied to an action using behaviors and the command pattern. Full HTML, Simple, Markdown, Snippet and Image regions are supported by default, but you can just extend the base regions to build your own types. Built on top of the HTML5 contentEditable features, it natively supports the all the fancy new HTML5 elements, syntax, and JavaScript APIs.
Learn more

Pricing

Free Version:
Free Version available.

Integrations

See Integrations

Ratings/Reviews

Overall 0.0 / 5
ease 0.0 / 5
features 0.0 / 5
design 0.0 / 5
support 0.0 / 5

This software hasn't been reviewed yet. Be the first to provide a review:

Review this Software

Company Information

IxEdit
Founded: 2009
www.ixedit.com

Videos and Screen Captures

Play Video IxEdit Screenshot 1 IxEdit Screenshot 2 IxEdit Screenshot 3 IxEdit Screenshot 4 IxEdit Screenshot 5
Other Useful Business Software
MongoDB Atlas runs apps anywhere Icon
MongoDB Atlas runs apps anywhere

Deploy in 115+ regions with the modern database for every enterprise.

MongoDB 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.
Start Free

Product Details

Platforms Supported
Cloud
Training
Documentation
Support
Online

IxEdit Frequently Asked Questions

Q: What kinds of users and organization types does IxEdit work with?
Q: What languages does IxEdit support in their product?
Q: What kind of support options does IxEdit offer?
Q: What other applications or services does IxEdit integrate with?
Q: What type of training does IxEdit provide?

IxEdit Product Features

Web Design

Templates
Element Libraries
Drag & Drop
Content Management
Syntax Highlighting
Autocompletion
Collaborative Editing
Programming Language Support