A 3D interactive Jackalope Planet WordPress plugin built with Three.js.
The Jackalope Planet plugin adds a beautiful, interactive 3D planet with a jackalope character to your WordPress site. Using modern web technologies including Three.js, it creates an engaging 3D experience that works directly in the browser without any additional plugins.
- Interactive 3D planet with mountains and stars
- Animated jackalope character that circles the planet
- Camera rotation for a dynamic viewing experience
- Responsive design that adapts to different screen sizes
- Easy integration via shortcode
composer require jackalopelabs/jackalope-planet
Or add to your composer.json:
"require": {
"jackalopelabs/jackalope-planet": "dev-main"
}
- Download the latest release from the GitHub repository
- Upload the entire plugin folder to the
/wp-content/plugins/
directory - Activate the plugin through the 'Plugins' menu in WordPress
Use the shortcode [jackalope-planet]
in any post or page to display the 3D Jackalope Planet.
[jackalope-planet height="500px" width="100%" class="my-custom-class"]
height
: Set the height of the container (default: "600px")width
: Set the width of the container (default: "100%")class
: Add custom CSS classes to the container
- Node.js and npm
- Clone the repository
- Navigate to the plugin directory
- Run
npm install
to install dependencies - Run
npm run build
to build the assets
npm run dev
: Start development server with hot reloadingnpm run build
: Build production assets
- Three.js for 3D rendering
- Vite for build tooling
MIT