Advanced jQuery website menu plugin. Mobile first, responsive and accessible list-based website menus that work on all devices.
Home Page: http://www.smartmenus.org
License: MIT License
I’m building a site based on Bootstrap and using Smart Menu’s to control the main menu navigation. There is a problem with combination of the Keyboard Addon and Bootstrap „down key” - it does not work in the second level and further levels. Is there any solution? Best regards.
While it seems only a beta version is tagged, it seems that CDNJS has already picked up a stable 1.0.0 version. How is this possible?
In v. 0.9.7 If i set float right menu, the horizontal scroll bar will show. If i move my cursor to the menu and sub menu display, the horizontal scroll bar disappear.
Browser that has this problem:
Firefox,
Chrome,
IE,
Opera
all latest version.
This is not happen in previous version. (as i known 0.9.5 works fine.)
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>test</title>
<link href="http://localhost/github/fuel-start/public/public/themes/system/assets/css/smartmenu/sm-core-css.css?1408957924" rel="stylesheet" type="text/css">
<link href="http://localhost/github/fuel-start/public/public/themes/system/assets/css/smartmenu/sm-bsblack/sm-bsblack.css?1416816417" rel="stylesheet" type="text/css">
<script src="http://localhost/github/fuel-start/public/assets/js/jquery.min.js?1416808357" type="text/javascript"></script>
</head>
<body>
<ul class=" sm sm-bsblack navbar-smart-menu" data-smartmenus-id="14168165852891528" style="float: right;">
<li class="language-switch">
<a class="has-submenu current" href="#" onclick="return false;">lang</a>
<ul>
<li>
<a class="" href="http://localhost/github/fuel-start/public/en/admin">English</a>
</li>
<li class="current">
<a class="current" href="http://localhost/github/fuel-start/public/th/admin">Thai</a>
</li>
</ul>
</li>
<li>
<a class="has-submenu" href="#" onclick="return false;">user</a>
<ul class="onright">
<li>
<a href="#" onclick="return false;">admin</a>
</li>
<li>
<a href="http://localhost/github/fuel-start/public/th/admin/logout">log out</a>
</li>
</ul>
</li>
</ul>
<script src="http://localhost/github/fuel-start/public/public/themes/system/assets/js/smartmenus/jquery.smartmenus.min.js?1408957924" type="text/javascript"></script>
<script src="http://localhost/github/fuel-start/public/public/themes/system/assets/js/admin.js?1416816006" type="text/javascript"></script>
</body>
</html>I use Backbone.js/Marionette.js for a MV* framework. They use Javascript to dynamically render HTML content. I also use Bootstrap.
I have found that if I re-render my navbar view the SmartMenus Bootstrap addon ceases to function. One look at the addon js file makes it clear that the addon is initialized at the time of invocation (the DOM isn't ready in my case). As a workaround, I have copy/pasted the addon initialization code into my view's onDomRefresh event handler in order to re-initialize the addon. For some reason re-invoking the addon js file at that point doesn't work either.
What are the best practices for applying the addon in this sort of situation? Would you be open to exposing the initialization of the addon on $.SmartMenus.prototype? I would be happy to provide a PR.
Thank you for your time and such a nice product 🍻!
Hello,
Because of unable to use mouse hover on touch device, I set smartmenus like this.
$(‘.sm’).smartmenus({
noMouseOver : true, //disable mouse hover.
showFunction : function($ul, complete) {
$ul.slideDown(250, complete);
},
hideFunction : function($ul, complete) {
$ul.slideUp(250, complete);
}
});
And I use double click event to open link on sub-menu. It works fine on chrome, but not on IE and Siri. Please help me to solve this bug.
Hi there,
I was looking at SmartMenus Bootstrap Addon (Navbar) demo and tried it using Google Chrome's Emulator. When I selected an iPad in landscape mode I noticed an issue that you can't expand the submenu on tap (highlighted) -- it just closes the whole menu.
Thanks!
Here is how to reproduce the bug:
As you can see, the left-clicked element remains 'focused' despite not being selected/hovered.
You can also reproduce this bug by:
This problem is because wordpress uses noconflict mode of jQuery. You took care of it in the core js but missed it in the bootstrap addon (it has $(function() ... ). I have fixed in my download but just bringing this to your notice.
Hello @vadikom, you might be happy to know that we have chosen SmartMenus for implementing a drop-down menu solution in Backdrop CMS.
One of the things that stroke me strange was the fact that you need to use the Esc key in order to move back out to the parent menu item. I realize that this is to accommodate for using the up/down keys in order to cycle through the menu items (jump to first child from the last one), but it would be usefull if there was an option to change that so that the up key returned you to the top-level menu and the down key just stopped the navigation to the last menu item.
Is that possible already?
Menu dropdown is not working and in console i get the following error
Uncaught TypeError: Cannot set property 'Bootstrap' of undefined
on line 14
If you have a buttongroup with split dropdown (http://getbootstrap.com/components/#btn-dropdowns-split), an error occours with "undefined function" cause the parent was not found on line https://github.com/vadikom/smartmenus/blob/master/src/jquery.smartmenus.js#L641
Is there a way to use it with webpack and npm?
Do you plan on porting smartmenus to Bootstrap 4?
Could you provide some idea of where to star / what this would implyt?
Thanks !
Hi,
I downloaded Smartmenus from http://www.smartmenus.org/download/.
When I locally view "smartmenus-1.0.0/demo/index.html" on maximized firefox or IE, the horizontal menu works fine. But when I decrease the size of the browser, the menu does not change to mobile menu. What I mean is I don't see that 3 lined box. But the menu does change to vertical menu. What am I missing here?
What do I have to do to view 3 small horizontal lines used in mobile menu?
This might be the issue with the smartmenus or it might not , so here goes.
I've tried to implement the menu with the out of the box underscores wordpress theme
I'm presenting you two screenshots.
Underscores theme has a button primary menu that kicks in on the smaller screens and it is used for toggling the menu on/off. You can see it on the screenshot because I've removed all the stylesheets except for the smartmenus core and clean css theme styles.
You can see on the screenshot that when the button is present on the page smartmenus works correctly (arrows are visible and dropdowns are displayed)
But if I remove the button from the code , the menu stops working there are no dropdowns and no dropdown arrows.
Just the presence of the button tag makes the menu work.
Hiyas im try to integrate the menu in to Rails and make a deploy in rails for some razon it work very well in local but in heroku it give a errors
TypeError: jQuery(...).ready(...) is not a function
TypeError: $ is not a function
TypeError: $.SmartMenus is undefinedhere are the Deploy heroku server link
http://salty-cliffs-3378.herokuapp.com/
I've tried to style the clean theme, however I'm having some difficulties.
I wan't to add a lot more styling properties to li elements , but it appears that it only brings more trouble to the layout of the dropdowns.
It appears that the script is not detecting width of the sub menus correctly.
I've noticed that you are using content-box.
ul.sm li *,ul.sm li *:before,ul.sm li *:after{
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box;
box-sizing:content-box;
}
I see that you doing some complex calculations for offset. And you are referring to your post
Why are you not using border-box in the core styles? It is so much easier to work with that?
Using this wonderful plugin in Chrome causes some timing gaps. When the page is loaded, the menu is shortly shown without the dropdown arrows. After some milliseconds (probably around 100) the menu is shown as expected.
Hello
I have a problem with bootstrap plugin. It seems like input fields overlaps dropdown menu on first show.
Here is example: http://jsfiddle.net/ilia85/59L7Y/6/
How can i solve this?
My app requires Bootstrap. Hoping to override the default Bootstrap style, I am loading Bootstrap first followed by my custom CSS. Still end result differs. What am I missing? Here is an MWE.
demo.css
html, body {
background:#fbf3e8;
}
body {
margin:0;
padding:2em 5px;
}
@media (min-width: 640px) {
body {
padding:2em;
font-size:112.5%;
}
}
index.html
<!DOCTYPE html>
<html lang="en-US">
<head>
<title>SmartMenus jQuery Website Menu - jQuery Plugin</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0" />
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<!-- jQuery -->
<script type="text/javascript" src="../libs/jquery/jquery.js"></script>
<!-- SmartMenus jQuery plugin -->
<script type="text/javascript" src="../jquery.smartmenus.js"></script>
<!-- SmartMenus jQuery init -->
<script type="text/javascript">
$(function() {
$('#main-menu').smartmenus({
subMenusSubOffsetX: 1,
subMenusSubOffsetY: -8
});
});
</script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<!-- SmartMenus core CSS (required) -->
<link href="../css/sm-core-css.css" rel="stylesheet" type="text/css" />
<!-- "sm-blue" menu theme (optional, you can use your own CSS, too) -->
<link href="../css/sm-blue/sm-blue.css" rel="stylesheet" type="text/css" />
<!-- My custom CSS -->
<link href="../libs/demo-assets/demo.css" rel="stylesheet" type="text/css" />
</head>
<body>
<nav id="main-nav" class="navbar navbar-default navbar-fixed-top" role="navigation">
<ul id="main-menu" class="sm sm-blue" data-smartmenus-id="14772210106692266">
<li><a href="http://www.smartmenus.org/">Home</a></li>
<li>
<a href="http://www.smartmenus.org/about/" class="has-submenu" id="sm-14772210106692266-1" aria-haspopup="true" aria-controls="sm-14772210106692266-2" aria-expanded="false"><span class="sub-arrow">+</span>About</a>
<ul id="sm-14772210106692266-2" role="group" aria-hidden="true" aria-labelledby="sm-14772210106692266-1" aria-expanded="false">
<li><a href="http://www.smartmenus.org/about/introduction-to-smartmenus-jquery/">Introduction to SmartMenus jQuery</a></li>
<li><a href="http://www.smartmenus.org/about/themes/">Themes</a></li>
<li><a href="http://vadikom.com/about/#vasil-dinkov">The author</a></li>
<li>
<a href="http://www.smartmenus.org/about/vadikom/" class="has-submenu" id="sm-14772210106692266-3" aria-haspopup="true" aria-controls="sm-14772210106692266-4" aria-expanded="false"><span class="sub-arrow">+</span>The company</a>
<ul id="sm-14772210106692266-4" role="group" aria-hidden="true" aria-labelledby="sm-14772210106692266-3" aria-expanded="false">
<li><a href="http://vadikom.com/about/">About Vadikom</a></li>
<li><a href="http://vadikom.com/projects/">Projects</a></li>
<li><a href="http://vadikom.com/services/">Services</a></li>
<li><a href="http://www.smartmenus.org/about/vadikom/privacy-policy/">Privacy policy</a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href="https://biddingsystem-holmessherlock.c9users.io/#" class="has-submenu" id="sm-14772210106692266-5" aria-haspopup="true" aria-controls="sm-14772210106692266-6" aria-expanded="false"><span class="sub-arrow">+</span>Sub test</a>
<ul id="sm-14772210106692266-6" role="group" aria-hidden="true" aria-labelledby="sm-14772210106692266-5" aria-expanded="false">
<li><a href="https://biddingsystem-holmessherlock.c9users.io/#">Dummy item</a></li>
<li><a href="https://biddingsystem-holmessherlock.c9users.io/#">Dummy item</a></li>
<li><a href="https://biddingsystem-holmessherlock.c9users.io/#" class="disabled">Disabled menu item</a></li>
<li><a href="https://biddingsystem-holmessherlock.c9users.io/#">Dummy item</a></li>
<li>
<a href="https://biddingsystem-holmessherlock.c9users.io/#" class="has-submenu" id="sm-14772210106692266-7" aria-haspopup="true" aria-controls="sm-14772210106692266-8" aria-expanded="false"><span class="sub-arrow">+</span>more...</a>
<ul id="sm-14772210106692266-8" role="group" aria-hidden="true" aria-labelledby="sm-14772210106692266-7" aria-expanded="false">
<li><a href="https://biddingsystem-holmessherlock.c9users.io/#">Dummy item</a></li>
<li>
<a href="https://biddingsystem-holmessherlock.c9users.io/#" class="has-submenu" id="sm-14772210106692266-9" aria-haspopup="true" aria-controls="sm-14772210106692266-10" aria-expanded="false"><span class="sub-arrow">+</span>more...</a>
<ul id="sm-14772210106692266-10" role="group" aria-hidden="true" aria-labelledby="sm-14772210106692266-9" aria-expanded="false">
<li><a href="https://biddingsystem-holmessherlock.c9users.io/#">Dummy item</a></li>
<li><a href="https://biddingsystem-holmessherlock.c9users.io/#" class="current">A 'current' class item</a></li>
<li><a href="https://biddingsystem-holmessherlock.c9users.io/#">Dummy item</a></li>
<li>
<a href="https://biddingsystem-holmessherlock.c9users.io/#" class="has-submenu" id="sm-14772210106692266-11" aria-haspopup="true" aria-controls="sm-14772210106692266-12" aria-expanded="false"><span class="sub-arrow">+</span>more...</a>
<ul id="sm-14772210106692266-12" role="group" aria-hidden="true" aria-labelledby="sm-14772210106692266-11" aria-expanded="false">
<li><a href="https://biddingsystem-holmessherlock.c9users.io/#">subMenusMinWidth</a></li>
<li><a href="https://biddingsystem-holmessherlock.c9users.io/#">10em</a></li>
<li><a href="https://biddingsystem-holmessherlock.c9users.io/#">forced.</a></li>
</ul>
</li>
<li><a href="https://biddingsystem-holmessherlock.c9users.io/#">Dummy item</a></li>
<li><a href="https://biddingsystem-holmessherlock.c9users.io/#">Dummy item</a></li>
</ul>
</li>
<li><a href="https://biddingsystem-holmessherlock.c9users.io/#">Dummy item</a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href="https://biddingsystem-holmessherlock.c9users.io/#" class="has-submenu" id="sm-14772210106692266-13" aria-haspopup="true" aria-controls="sm-14772210106692266-14" aria-expanded="false"><span class="sub-arrow">+</span>Mega menu</a>
<ul class="mega-menu" id="sm-14772210106692266-14" role="group" aria-hidden="true" aria-labelledby="sm-14772210106692266-13" aria-expanded="false">
<li>
<!-- The mega drop down contents -->
<div style="width:400px;max-width:100%;">
<div style="padding:5px 24px;">
<p>This is a mega drop down test. Just set the "mega-menu" class to the parent UL element to inform the SmartMenus script. It can contain <strong>any HTML</strong>.</p>
<p>Just style the contents as you like (you may need to reset some SmartMenus inherited styles - e.g. for lists, links, etc.)</p>
</div>
</div>
</li>
</ul>
</li>
</ul>
</nav>
</body>
</html>
If I don't load Bootstrap by deleting line #24, the result looks like Figure 1 (expected) where as the actual view is figure 2 (with Bootstrap loaded)
Figure 1
Figure 2
In other words, I wan't the extra padding surrounding the menu bar on all sides. However, the menubar contains no padding either on top or both the sides.
Uncaught TypeError: Cannot set property 'Bootstrap' of undefined
(anonymous function) @ jquery.smartmenus.bootstrap.min.js:3
(anonymous function) @ jquery.smartmenus.bootstrap.min.js:3
(anonymous function) @ jquery.smartmenus.bootstrap.min.js:3
I have jquery.smartmenus.bootstrap.min and jquery.smartmenus.bootstrap
Non-minified js gives:
jquery.smartmenus.bootstrap.js:24 Uncaught TypeError: Cannot set property 'Bootstrap' of undefined
I am using Version 1.0.0 from your website.
In english it's working fine but in arabic not working properly.
how to manage hover effect in mobile devices
I find a UI bug in sm-blue theme. If the last main menu item (aka the rightmost main menu item) has submenu items, the highlight of the last submenu item (aka the bottom one) has round corner at the bottom. Please see the screenshot below:
This might be the issue with the smartmenus or it might not , so here goes.
I've tried to implement the menu with the out of the box underscores wordpress theme
I'm presenting you two screenshots.
Underscores theme has a button primary menu that kicks in on the smaller screens and it is used for toggling the menu on/off. You can see it on the screenshot because I've removed all the stylesheets except for the smartmenus core and clean css theme styles.
You can see on the screenshot that when the button is present on the page smartmenus works correctly (arrows are visible and dropdowns are displayed)
But if I remove the button from the code , the menu stops working there are no dropdowns and no dropdown arrows.
Just the presence of the button tag makes the menu work.
edit: Also if I remove the 'clean theme` stylesheet. The menu still doesn't work.
hellow and thank you for smartmenu
i need use in it right to left by code please help me.
Hi,
Awesome menu!
I am facing problem of unwanted gap after dropdown arrow(as attached image). This is happening only on safari. on other browser it is working perfect.
Thanks.
Using sm-clean theme, I desperately try to set mega menu's width to nav's width, like this:
I altered your code, placed calling line of the beforeshow.smapi event just before showing submenu and do some calculations with js to set margins. This works but I cannot select the triangle above the menu with jQuery, to place it correctly. Also I strongly feel like there should be easier way with the css. Would you please help me to do this properly? Thanks.
It is not true to assume that a visible block has always the CSS "display" attribute equals to "block" (it can be "inline-block", "flex" or "inline-flex", or even something else...)
Btw, click is working when line 416 is replaced by :
return this.$firstLink.css('display') != 'none';how to use destroy method ?
$('#main-menu').smartmenus('destroy');
I found an error:
Uncaught TypeError: Cannot read property 'css' of null(…)
In the smartmenus prototype, I have noticed that clicking on anchor tags causes the smartmenu to close. This causes an issue for me using bootstrap accordions and panels inside of the megamenu because in the all encompassing docClick method there is a check to see if the target clicked is an anchor tag (which bootstrap uses for tons of things by default).
Calling smartmenus plugin with hideOnClick = false did not seem to help the issue, I could not hide the menu no matter what using the 'menuHideAll' api or global $.SmartMenus.hideAll() method:
$('#main-menu').smartmenus({
hideOnClick: false
});The condition $(e.target).is('a') is what I'm referring to in particular:
docClick: function(e) {
if (this.isTouchScrolling) {
this.isTouchScrolling = false;
return;
}
// hide on any click outside the menu or on a menu link
if (this.visibleSubMenus.length && !$.contains(this.$root[0], e.target) || $(e.target).is('a')) {
this.menuHideAll();
}
},hi is mega menu fixed size?
but i can't increase width mega menu
pls help me
Hi, I think it would be great if smartmenus would make use of https://github.com/kamens/jQuery-menu-aim for making sub-menus more forgiving instead of delaying show/hide? :)
Hi,
I've found that when using smartmenus with a large screen touch device (in my case a touchscreen laptop - Windows 8, Firefox) which causes the full horizontal menu to display rather than the vertical concertina, touching the top level menu item causes navigation to that link rather than the menu to expand. I suspect this may also happen with, say, large tablets in landscape view since the width will be enough to allow a full width menu.
Effectively, this means that you cannot expand menus on widescreen touch-only devices such as a tablet and can only navigate to the root item of each UL.
On a 2 level menu, would like to keep the menu open if 2nd level menu item is the current selected one. This works
'beforehide.smapi': function(e, menu) {
if ($(menu).parent().hasClass('active')) return false;
},
But how to get it to also hide when hovering over other menu items at the same time?
When I hover over a menu, it opens on the left side instead of on the right... I'm not sure why. I am using Bootstrap 3 and no pull-right/left classes.
Hello,
isn't:
https://github.com/vadikom/smartmenus/blob/master/dist/jquery.smartmenus.js
a duplicate of:
https://github.com/vadikom/smartmenus/blob/master/src/jquery.smartmenus.js
?
P.S.:
the second one has this 2a9821f while the first one not.
Hi,
i just had a look to your demos included in the download-package and noticed that in you bootstrap example dropdown parent links are not working when navbar switches to vertical version on smaller screen-sizes.
It simply closes instead of forwarding to the link... while the normal-screen version is working fine...
On your demo http://vadikom.github.io/smartmenus/src/demo/
When I resize the browser to get the vertical menu, and click the about item, submenu opens, however clicking on the about again reloads the page.
In case of a full desktop menu , that seems okay (click on about - opens submenu, click again - go to About page.
However I don't think that has much sense when on mobile devices.
Maybe one of the possible solutions would be to split the button so one part is for toggling dropdowns and the other one goes to about page if clicked while the dropdown is open.
This is basically a UX issue , and it's a hard one. I'm not sure if there are any official design guidelines for Android or IOS about this issue.
What do you think?
Currently (in v0.9.7) script expects submenu to be in <ul> element that is immediate child of its parent. Hence any attempts to put something else in submenu fails as it may require additional elements between parent menu item and its submenu.
For example in one of my projects I need to put images in submenu together with submenu items, but found no way to do it since attempt to wrap submenu in additional <div> breaks script.
It may be good solution to allow passing CSS selectors for searching for submenus as configuration option as, for example, slick slider does.
Hi,
menu is not poping out in IE 8. Kindly provide help.
With Firefox 26, and smartmenus 0.9.5, the submenus are all opening under the leftmost 1st level menu item.
Issue doesn't occur on 0.9.3 on Firefox. Issue doesn't occur on IE/Chrome even with 0.9.5.
I'm floating three items to the right of my top level menu. Because of this right float, their HTML order has to be reversed, and as a consequence of this the order of the items in the desktop mode is different from the order in the collapsed mode.
This isn't really a problem in your plugin, but I wonder if we can find some javascript magic or some html workaraound to make it possible and compatible with smartmenus.
Thank you!
If showOnClick is enabled, when you click on a menu item (in desktop mode, not collapsed) the item becomes highlighted and its color changes accordingly, but if you move the mouse on another menu element, the first item remains highlighted until you click somewhere on the page.
having issue when click on sub-menu
like 3rd level of menu when i toggle 3rd level it toggle all the level :( why is it like that ?
but when i click on sub-arrow it is working fine... but when i click in the middle 👎 it toggle my parent level as well
when i click between the highlighted area.. (as show in attached file). it toggles parent as well.
when i click arrows.. (as show in attached file). it toggles only the element not its parent.
please let me know how to fix it..
With this markup on mobile:
<ul class="nav-primary sm">
<li><a href="#" title="Menu"><img src=/img/icon-nav.png" alt=""></a>
<ul>
<li><a href="#" title="Lorem">Lorem</a></li>
<li><a href="#" title="Lorem">Lorem</a></li>
<li><a href="#" title="Lorem">Lorem</a></li>
</ul>
</li>
</ul>When you click on the image to display the submenu that is displayed ok. But if you click again on the image to close the sub menu, nothing happens. Note that this is the same thing with SVG icon.
But it works very well with text as a link:
<ul class="nav-primary sm">
<li><a href="#" title="Menu">Text Link</a>
<ul>
<li><a href="#" title="Lorem">Lorem</a></li>
<li><a href="#" title="Lorem">Lorem</a></li>
<li><a href="#" title="Lorem">Lorem</a></li>
</ul>
</li>
</ul>This fix doesn't seem to work:
ul.sm li *,ul.sm li *:before,ul.sm li *:after{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
hello.
If I use Jquery 3.0 with connected Jqmigrate I have 3 warnings in console about deprecated methods.
JQMIGRATE: jQuery.fn.bind() is deprecated
init @ jquery.smartmenus.js:151JQMIGRATE: jQuery.fn.delegate() is deprecated
init @ jquery.smartmenus.js:156
i had tried lots of things but unable to find the exact issue
Menu not working in Physical Mobile Handset
www.burhanimedicalidara.org
pls help
I have a menu like this:
navbar| Option 1 | Option 2 | Option 3
Option 2 has a dropdown menu, and one of the elements (Option 3) has a dropdown menu too.
Option 2:
Option 2-1
Option 2-2
Option 2-3: Option 2-3-1, Option 2-3-2, ...
Option 2-3 is "disabled" and the ul is "hidden" so the users cannot see the contents. The problem is, the disabled element, Option 2-3, remains 'active' when I go to different elements or tabs.
<ul class="nav navbar-nav navbar-right">
<li class="dropdown" data-sm-reverse="true">
<a href="#">Option 2</a>
<ul class="dropdown-menu">
<li class="dropdown-submenu">
<a href="#">Option 2-2</a>
</li>
<li class="dropdown-submenu disabled">
<a href="#">Option 2-3</a>
<ul class="dropdown-menu hide">
<li>Option 2-3-1</li>
</ul>
</li>
</ul>
</li>
</ul>
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
Django
The Web framework for perfectionists with deadlines.
Laravel
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft
Open source projects and samples from Microsoft.
Google
Google ❤️ Open Source for everyone.
Alibaba
Alibaba Open Source for everyone
D3
Data-Driven Documents codes.
Tencent
China tencent open source team.