OpenToshAboutStatsNewsCollectionsFind AppsSubmit App
100%
Loading time...

Notification Center

Monday, Aug 24

HM

Message from Hamza

Author & Creator

Online

Welcome to OpenTosh! I created this platform to bring together the best of macOS retro and modern layouts for the web. Explore, search, and submit your favorite apps!

Cupertino

Partly Cloudy •

21°
H: 24°L: 14°
AQI 32Good
Sunny
StocksApple Inc. & Markets
Dow Jones
53,277▲ +1.2%
S&P 500
7,674▲ +0.8%
AAPLApple Inc.
309.35▼ -0.4%

MT Newswires

Nvidia, Fed Outlooks Dull Wall Street Bell; Asia Off, Europe Up

News FeedTech & Open Source
Swift.org

Swift updates expand to embedded & bare-metal devices

2 hours ago

GitHub Trend

Ghostty terminal developer releases major optimization build

5 hours ago

WebKit News

CSS Glassmorphism filters standard finalized in modern browsers

Yesterday

OpenTosh System Updates

  • v1.2.0: Added macOS Notification Center & widget stack
  • Fixed top Menu Bar layout and added full set of status icons
  • Launchpad search speed & keyboard responsiveness improvements
macSVG - App Details
Back to directory
macSVG

macSVG

an open-source free HTML5 and SVG animation designer

Tags:#Animation#Animations#Design#Development#Graphics#Html 5#Html5#Svg#Vector#Web development#svg#vector#html5#animation#web development#development#vector#design#graphics#animations
License
MIT
Platforms
macOS (Intel and Apple Silicon [M1,M2])
Other Platforms
None

macSVG is a MIT-licensed open-source macOS application for designing and editing Scalable Vector Graphics (SVG) content for HTML5 web pages, mobile apps, animation design, and general graphics usage.

SVG is an open-source format for computer graphics documents based on the authoritative Scalable Vector Graphics (SVG) 1.1 (Second Edition) – W3C Recommendation 16 August 2011 from the World Wide Web Consortium (W3C), and is supported on most modern web browsers, and many application frameworks.

macSVG can produce dynamic, high-quality graphics and animation for HTML5 web views that can be displayed on most major desktop and mobile platforms, including iOS, Android, macOS, Microsoft Windows and Linux. This video shows an example of SVG animation in macSVG:

Features

  • An open-source app with permissive MIT licensing terms.
  • WebKit-based user interface, including the Web Inspector.
  • Outline view of SVG XML document structure. Elements can be imported and reordered in the structure with drag-and-drop actions.
  • SVG multi-segment path editing, with support for text on a path, path shape animation, and other path functions.
  • Plug-in architecture for adding new custom editors for SVG elements and attributes. Current plug-ins can assist users in setting attribute values such as colors, color gradients, patterns, transforms, text paths, animation, path shape animations, etc.
  • JPEG and PNG images can be embedded in the SVG document, or referenced externally with a URL. SVG documents can contain embedded SVG documents.
  • Support for Google Web Fonts and TrueType fonts.
  • A visual timeline graph for SMIL animation, with pause, play and restart controls. The time marker can be dragged (i.e., scrubbed) on the timeline to see the state of the animation at any point in time.
  • The SVG XML DTD is used to comply with SVG document rules, and provide convenient menus for setting predefined attribute values.
  • The built-in HTTP server provides instant live previews on other clients and devices, such as desktop web browsers, mobile devices, the iPhone/iPad Simulator, other PCs on the local network, etc.
  • Convert SVG graphics to native code for iOS and macOS with the Core Graphics code generator.
  • Network support for SFTP transfer of SVG document files.
  • Export SVG animation to MPEG-4 for HTML5 web video.

Similar Apps

Pencil2D Animation
GPL-2.o

Pencil2D Animation

An easy, intuitive tool to make 2D hand-drawn animations.

Krita
GPL-3.0

Krita

Open-source digital painting software for concept artists, digital painters, and illustrators

System Designer
Apache-2.0 License

System Designer

A low-code development platform for creating systems