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
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
Gridsome
Gridsome
Gridsome makes it easy for developers to build static generated websites & apps that are fast by default. Vue.js, GraphQL & all the power of Node.js & the JavaScript ecosystem. Develop locally and get instant hot-reloading for any code change. Gridsome builds ultra performance into every page by using the PRPL pattern. You get code splitting, asset optimization, progressive images, and link prefetching out of the box. Gridsome sites get almost perfect page speed scores by default. Gridsome generates static PWAs. Only critical HTML, CSS, and JavaScript get loaded first. The next pages are then prefetched so users can click around incredibly fast without page reloads, even when offline. Gridsome sites load as static HTML before they hydrate into fully Vue.js-powered SPAs. This makes it possible for search engines to be able to crawl content and give better SEO ranking, and still have all the power of Vue.js.
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
Our Free Plans just got better! | Auth0 Icon
Our Free Plans just got better! | Auth0

With up to 25k MAUs and unlimited Okta connections, our Free Plan lets you focus on what you do best—building great apps.

You asked, we delivered! Auth0 is excited to expand our Free and Paid plans to include more options so you can focus on building, deploying, and scaling applications without having to worry about your security. Auth0 now, thank yourself later.
Try free now

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