vantagedesign

Could you check how it is now? (With a cleared cache :) )

I've pushed some changes to the demo that should optimize the animations on the page. It's hard for me to test it when not experiencing the issues myself, so could you try how it feels for you now?

I partially agree with you. The demo page is for both the free (open source, MIT license) version and the Pro version. Just for the sake of simplicity and to show that there's more if people want that, but its not forced anywhere.

I might consider making two versions of the demo and documentation, and keeping them separate. I didn't think it would matter. I value your input :)

The license in the repo is a mistake and should be fixed soon. I probably mixed up the files. But yeah, the standard free part of the design system already offers a lot and is fully open source and MIT licensed. If you feel like there's not enough free stuff in there for you, then I'm sorry but thats up to you :)

Fair point, I'll try to include that on the page! Thanks for your feedback :)

The normal version is free, which includess a lot of components. If you want more, there's a Pro version which is paid. But the free version is open source and already quite extensive to use :)

Could be it, I'm on a i7-4770K with Win10 and Firefox and no lag at all anywhere.

I don't have a Mac so I can't test it on MacOS I'm afraid..

That's so weird. For me it's all butter smooth, and I'm on a 6+ year old desktop with Firefox.

Thanks for your feedback. It's really weird though because for me on a laptop, everything is butter smooth. Even the parallax in the header. So I wouldn't know where those performance issues originate from. Would you know a way to troubleshoot these and solve them? It's mostly pure Bootstrap CSS with the addition of CSS animations. Nothing fancy or strange. Except for the parallax, but that's another story. Inputs and dropdowns should all be very smooth and reacting instantly.

Fair point, I'll that that into account and see what I can do. Thanks for your feedback

Thank you for your feedback. I agree, and I plan to fix that in an upcoming update :)

Thanks! Will definitely take that into account and fix that. I plan on making it more accessible in the next update, including some screen reader only labels and such.

Thanks!

I agree, and this was done intentionally. The free version offers a solid and complete foundation for most projects. The pro version offers that extra edge of functionality, along with templates for sections and pages.

Think of the free version like a demo, but not crippled in functions like most demo's, and the pro version being the full swiss army knife toolkit for your project.

What do you mean with not a drop-in replacement for Bootstrap? It builds upon and extends Bootstrap, so it could replace it (as it includes it) and has more to offer (selects, tags, better carousels, etc.). You could try out the free version and see if it is up to your requirements, and buy the pro version if you want the extra functions.

You're welcome to email me or join my Slack to have a chat, both links can be found at the bottom of every page on the main website :)

They shouldn't be the same price: as soon as you select a license it updates the price. Do you have JavaScript enabled? Perhaps my ecommerce software is a bit wonky in that regard, and I'd love to know more about your situation so I can fix that :)

Did they show the correct price when they were in the cart?

I personally like them and I think many people do. Nevertheless, I'm curious to what you do like. What would you like to see?

Okay I'll see if I can apply that fix in a future update, thanks! It's probably a Chrome specific thing then.

Hmm strange. I'm on a Galaxy S8 with Chrome and I only notice a slight lag with the parallax elements. The other elements all seem to function very smoothly. I'll look into it and see what I can find! Thank you :)

Thank you! Appreciate that feedback, I'll look into that. Sounds like it might be a good tweak to the styling. However, I also like it when a button, even when disabled, may still convey meaning of success, for example. So that I know that I want that button to become 'active'. At least, that's my view on it.

Okay thanks I'm going to check it out. I think some browsers add an outline to indicate it being selected, it might be that. I believe Firefox has a slightly visible dotted line around each element.

Fixed, thank you! Kinda ashamed of all these spelling errors.. lol

Thanks! Nope, it's not. And I've never seen it before so I don't know where it could come from. What browser are you using?

Thanks! Fixed it

Oops :) Fixed! Thank you for pointing this out

Yes, I have looked at the WebAim WAVE accessibility report and that's something I'm going to address with an update soon. Though, I do not believe all contrast issues are a huge problem in all cases. Thanks for that link, will check it out!

Yep, I am aware of that. Going to fix it asap! Thanks :) EDIT: it's fixed!

Thanks! For tags I'm using "Bootstrap 4 Tags Input", and for select I'm using "bootstrap-select". I've custom styled these plugins to fit them in perfectly with the design language of the system :)

Hi all! I'd love to know what you think of this design system. Feedback is highly appreciated and will be taken into account for future updates!

I agree! Though Bootstrap 4 uses jQuery for its plugins so I figured why not. BS5 will get rid of jQuery, and I plan on doing the same when updating this design system for BS5 :)