coderitual / Jtop
Licence: mit
SVG virtual desktop library that lets you build beautiful desktop like user interfaces.
Stars: ✭ 108
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Jtop
Deepsvg
[NeurIPS 2020] Official code for the paper "DeepSVG: A Hierarchical Generative Network for Vector Graphics Animation". Includes a PyTorch library for deep learning with SVG data.
Stars: ✭ 403 (+273.15%)
Mutual labels: library, svg
Itext7 Dotnet
iText 7 for .NET is the .NET version of the iText 7 library, formerly known as iTextSharp, which it replaces. iText 7 represents the next level of SDKs for developers that want to take advantage of the benefits PDF can bring. Equipped with a better document engine, high and low-level programming capabilities and the ability to create, edit and enhance PDF documents, iText 7 can be a boon to nearly every workflow.
Stars: ✭ 698 (+546.3%)
Mutual labels: library, svg
React Native Blurhash
🖼️ A library to show colorful blurry placeholders while your content loads.
Stars: ✭ 430 (+298.15%)
Mutual labels: library, ux
Mojs
The motion graphics toolbelt for the web
Stars: ✭ 17,189 (+15815.74%)
Mutual labels: library, svg
Androidsvgloader
Android library for load svg from internet to imageview
Stars: ✭ 52 (-51.85%)
Mutual labels: library, svg
React Magic Hat
🎩✨Library to implement the Magic Hat technique, blazingly fast 🚀
Stars: ✭ 297 (+175%)
Mutual labels: library, ux
Move To Library Sketchplugin
You can now move symbol from your project to any library and re-attach all the symbol instances to this library. also it keep the overrides without any problems and it work with abstract that have libraries not in your local machine
Stars: ✭ 174 (+61.11%)
Mutual labels: library, ux
Itext7
iText 7 for Java represents the next level of SDKs for developers that want to take advantage of the benefits PDF can bring. Equipped with a better document engine, high and low-level programming capabilities and the ability to create, edit and enhance PDF documents, iText 7 can be a boon to nearly every workflow.
Stars: ✭ 913 (+745.37%)
Mutual labels: library, svg
Personal Goals
List of books I've read, projects I've done, videos I've seen, articles I've read or podcasts I've listened to.
Stars: ✭ 75 (-30.56%)
Mutual labels: svg, ux
Permissionsswiftui
A SwiftUI package to beautifully display and handle permissions.
Stars: ✭ 220 (+103.7%)
Mutual labels: library, ux
Warpjs
Warp, distort, bend, twist and smudge your SVG’s directly in the browser
Stars: ✭ 326 (+201.85%)
Mutual labels: svg, effects
Truly Ui
Truly-UI - Web Angular UI Components for Desktop Applications (Electron, NW, APP JS)
Stars: ✭ 195 (+80.56%)
Mutual labels: library, desktop
Inkline
Inkline is the customizable Vue.js UI/UX Library designed for creating flawless responsive websites.
Stars: ✭ 606 (+461.11%)
Mutual labels: library, ux
Fos
Web Components to turn your web app into a fake operating system
Stars: ✭ 151 (+39.81%)
Mutual labels: library, ux
React Messenger
Chat UX components built with React, inspired by Facebook Messenger
Stars: ✭ 167 (+54.63%)
Mutual labels: library, ux
Vue Content Loading
Vue component to easily build (or use presets) SVG loading cards Facebook like.
Stars: ✭ 729 (+575%)
Mutual labels: svg, ux
Imageviewer.swift
An easy to use Image Viewer that is inspired by Facebook
Stars: ✭ 1,071 (+891.67%)
Mutual labels: library, ux
Jtop
Builld beautiful UI similar to real desktop.
Getting Started
See the live version.
Features
- ✊ Drag & drop for desktop elements
- 📦 Basic elements included:
Icon
,Panel
,Tooltip
,Menu
- 📝 SVG Text with drop shadow and ellispis
- ✏️ Inline text editing (Panels)
- ↕️ Resizable elements
Example
const desktop = jtop.init('jtop', {
scrollView: {
initY: 25
}
});
const tooltop = desktop.tooltip({
offsetLeft: 30,
offsetTop: -120
});
const menu = jtop.popupmenu().addMenuElement(
'open project',
null,
sender => {
console.log(`open project ${sender.title}`);
},
'edit-item'
);
const icon = desktop
.icon({ title: 'Icon', image: 'test/images/db.png', gridX: 1, gridY: 1 })
.menu(cMenuProject)
.tooltip(iconTooltip);
For more, visit the example page inside test
directory and look into main.js
.
Built With
- SVG - Custom graphics and effects
- require.js - Module Loader
- js-signals - Pub/Sub system
- underscore.js - Functional programming helpers
Authors
- Mike Skowronek - Initial work - coderitual
License
Jtop is available under the MIT license. See the LICENSE file for more info.
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].