lukeed supports this item


This author's response time can be up to 1 business day.

77 comments found.

Ok. Sorry, the bad ranking was not intentional, i just cleared.

See this example (its working with the keys):

You will see the slider in a left column and a simple text in the right one.

Even if Bee3D wasn’t on the page, your `.card` still wouldn’t have its text on the right.

With flexbox, everything under a parent with `display: flex` should have a `flex` css property too. In order for your `#card-img` and `.card-content` to be two equal columns, they must both have `flex: 1`.

Altho, I’d advise you have a `min-width` on your `#card-img` element. The flexible `.card-content` will fill in the remaining space.

So, if you don’t want perfectly even columns (looks funny imo):

.card {
    padding: 200px 10px;

#card-img {
    flex: none; /* this is default */
    min-width: 620px;

.card-content {
    background-color: cornflowerblue;
    flex: 1;
    z-index: 1;

We tested what you sent but anyway, as you can see: This slider is not responsive, it’s using an unique “zoom” ti resize, it doesn’t have a normal behavior in a container ti be positioned, and does not work in Firefox. We cant use it. The best is a refund and thanks a lot for your support.

You don’t have to use `zoom`. There are many options. Please see this thread for more:

I advise you go with Option #2 (apply `transform: scale()` on your `#card-img`).


sccr410 Purchased

Coverflow isn’t working in Safari, the non-active items are visible on top of the active slide.

Hi there! Unfortunately this is a Safari bug & I’ve been tracking this issue on their forums. I’m going to update Bee3D as soon as they’ve released a fix :)

Here’s a relevant link to our GitHub support area: -


SickyAz Purchased


I recently purchased the Bee3D slider, and about to implement it into my website, however i really like the layout of the “Arc” slides (images) but is it possible to have the images in a straight line (or better, have the left and right images centred vertically), rather than bending downwards. But keeping the image sizes of the left 2 and right 2 (gradually getting smaller)


Hi, thanks for your purchase!

Sure, definitely possible! The effects are controlled purely via CSS transformations. So you can get in there & edit/add effects without interfering with or disrupting the core plugin itself.


SickyAz Purchased

This comment is currently being reviewed.

Hi there, not sure what happened to your comment, but I can still see it from my email.

I checked out the link, and Bee3D slider appears to be working just fine there. It’s other parts of your site that are struggling. It looks like server issues.


SickyAz Purchased

I fixed it! I tried to remove the comment as support was no longer needed.

Other issues is just me building it ! but thanks



p1k Purchased

Can you review the compiled files? They do not work, it would be nice if you did not minify the examples. thanks!

Hi there, thanks for your purchase!

What do you mean they don’t work? I just downloaded the ZIP from Envato and it works fine.

The source files are in “src” and are not minified. And examples’ source are found in “src/htdocs”. The built, production-ready files are in “dist”.

Hello Lukeed.

I have purchased the plugin, though my web developer is struggling to implement the plugin to the site without issues.

—3D Carousel not working properly, —Image are not adjusting. —Responsive not working, and swipe/drag not working

What is the best way that I can put him in direct contact with you to discuss and resolve these issues. Email, Telegram? etc

Hi Austin, thank you for your purchase! Those are all very doable. The download includes a link to a GitHub repo where your dev can open an issue (or search for previous answers) for help. Practically every developer has a GitHub account ;-)

Hello Lukeed, i just received the new Bee3Slider update and downloaded it (and re-downloaded it). None of the example files in /dist and /src/htdocs folders are working. The dist/index.html is not working as well. Everything is missing the stylesheets

Hi there!

The files inside src/htdocs aren’t supposed to work on they’re own. They’re actually not valid HTML.

And I believe you are trying to double-click the dist/index.html and/or dist/examples/*.html files. Am I correct?

You are supposed to run npm run serve or npm run watch. This starts up a small server. All file paths are found this way, so your examples will work. (I just tried it!)

It’s done like this because of the AJAX demos. AJAX doesn’t work unless there’s a server running.

Of course, you may alter the file paths for your own use and/or your own server. It doesn’t need to be like this—with the exception of AJAX. But, it is easier to develop this way!



Yes, I am a noob, and that’s why I buy stuff instead of making them ;)

Seems like the zip-file I got after purchasing this isn’t containing what it’s supposed to.

Documentation refers to a “build” directory with production-ready files, which I can’t find.

However it seems to contain examples, which all seems broken, and after following the samples in the documentation I can’t get anything to work, am I missing some content or does this require some other backend to work?

Hi there! Thanks for purchasing :)

That’s a typo, sorry. The “build” directory is now called “dist”—this will contain all the build, production-ready code. This means it is also minified!

If you want to browse or edit the source, then look at the “src” directory. Please keep in mind that “src/htdocs/examples” is not meant to opened on its own & instead, you should be running “npm run watch”.

No backend required. You’ve just mistakenly opened the wrong files. Don’t worry though, you’re not the first!


Hey, on the ZIP package there ir NO folder ‘build’ so there are NO files ‘ready for production’. Also, none of the examples provided in the packed works!

can you fix it?


Hi there! Thanks for your purchase!

The commenter above you had the same question, so I’m going to paste the same reply:

That’s a typo, sorry. The “build” directory is now called “dist”—this will contain all the build, production-ready code. This means it is also minified!

If you want to browse or edit the source, then look at the “src” directory. Please keep in mind that “src/htdocs/examples” is not meant to opened on its own & instead, you should be running “npm run watch”.



I found your slider and have a few questions?

1: Can animated text be placed within a slider?

2: Can the images be different sizes or all must be the same size?

3: Is there an admin area to configure the slides or does any customization require coding?

Thanks, Barry

Hi Barry,

Both 1 & 2 can be done easily with custom CSS. If you decide to purchase the plugin, I can help you achieve this.

And there is no admin area. This is a JavaScript (and CSS) plugin that you can incorporate into any site. But, yes, you will need to edit the code to achieve desired results.

Thanks! Luke


Thanks for the timely response. Will I also be able to upload GIF animated files? Here is my problem[s]. I’m NOT a programmer or know how to do any coding… My website is white label and I have no access to their server. So, they are saying I need to sent them the complete slider codes and they will load it on their server. Another problem is, I would like to also use the slider as an advertisement banner for businesses wanting to advertise their products/services on my website… Will this require a lot of coding on my part???

And yes, if you could assist me, I would greatly appreciate it….

Thanks, Barry

Hi again!

Yes, GIFs are just

<img />
tags, so that will work fine.

Anything you want to display is simple HTML changes. If you want to adjust or change the looks, that requires custom CSS. But all of the actual “slider” functionality & behavior is easily configurable. To be clear, all of the demos are created by changing 1-3 values.

I’m also available for custom work at $100 USD per hour, if interested, but very few people have needed that.


PS: Sorry for the delayed reply. I was asleep ;)


rsoundi Purchased


I bought the Zip file.

But I can not run the loop-basic.html. I have a css free page in my browser.

are the CSS link are broken ?

Please any Idea why.

Hi there!

If you follow the Development guide (or the included Documentation.txt), you will find that you should be running the `npm run watch` command. This starts a small server in which all examples will work.

Here is a link to the Development guide, in case you missed it:


Hi! there are a lot of problems with your plugin in my web, but the most important is that there’s no way to slide to next photo when lightbox is opened. How can I do that? Then, there ir a lot of problems in safari. can you help me? this is my web:

Thank you!!!

Hi! What problems are you having?

I just checked out your site on both Chrome and Safari. The actual Bee3D slider is working fine. Your issue is with Fancybox—aka your Lightbox plugin.

Because I did not create Fancybox, I can’t offer support to you for that. But what you likely need to do is create & place a different set of arrows once Fancybox opens.

Hope that helps. I’m sorry I can’t offer any more help—I haven’t even used Fancybox in ~4 years.

Awesome site by the way!


You are tottally right. My problen was with Fancybox and I culd solve it with your tip. Thank you!!

Does this plug-in support the mouse wheel navigation?

Hi there! While it technically does support mousewheel navigation, it’s not my favorite feature. It’s a little sporadic on laptop touch pads, and I think that’s why I left it off the demos page.

... I should look into fixing this soon.. :D

Ok. Write me when you do it

First of all, great product. exactly what i was looking for. Thank you. Please forgive my inexperience but i was wondering what do i actually need to start using this plugin. should i simply use the build folder bee3d.min or is there another way to implement the whole folder in laravel. again please forgive my noob (just a student still)

thank you very much

Hi there! Thanks for your purchase :)

Have you seen the Getting Started guide?

You may modify & build the files as you’d like, then after you `npm run build`, everything you want to keep will be inside the “dist” folder.

For your laravel application, all you really need to care about are the “dist/js” and “dist/css” contents. You can move those to your `public/assets` folder inside Laravel. Don’t forget to declare the asset-paths inside your template (usually `master.blade.php`)!

Then, you just need to worry about how you initialize the slider on every page that you need it.

For example, if want the slider on your About page, inside `about.blade.php` you’d add a script tag (at the bottom) with your own configured init, eg:

  var mySlider = new Bee3D(..., { ... });

This works because Bee3D is exposed as “window.Bee3D”.

Let me know if that helps!

If you have trouble, please open an issue on GitHub ( Unlike Envato comments, on GH I will be notified of new comments & issues.

Perfect, Thank you very much. works like a charm. I look forward to your next projects.

Awesome, glad to hear :) I have another slider in the works, and then a bigger webapp/software nearly complete.

Thanks for best 3d slider! Very fast and smooth

Hooray! Thank you! :D


Sorry for the many questions :)

I am just having a hard time understanding how everything is connected and i dont want to edit the built css file. but i need to know if: I am able to blur out the slides that are not the center one? I am able to add slides more than 5 at a time? is it possible to have reflection via css on the center slide only? can i have an effect on one slide and have it appear when its active as the center slide?

Hi! No problem!

1) you don’t have to edit the original css. You can just add on your extra styles. This way it’s easy to upgrade the styles with any new version.

2) yes you can blur the inactive slides by adding styles to the bee3d—slide__inactive class.

3) yes

4) yes, add styles to the active classname only

5) not sure what you mean


zeespy Purchased

oh i am sorry lukeed, i didnt receive your reply on my email and assumed you didnt answer / took long time. I withdraw my request for a refund. sorry about that again.

No problem! If you still need help with these, please let me know. As mentioned, happy to help!


I’ve chosen to use the arc effect but instead of the slider starting on the first slide I want it to start on the third so that the page looks equal when first seen. I’m using the dist code and struggling to find the correct code – I’m not great with JS would you be able to provide some clear instructions when I might find that code and what I need to add etc?

Hi! Thanks for your purchase! You’re looking for the focus option, which you can find here:

Perfect thanks!