JS Powered UI

Interactive Components

Enhance user experience with dynamic Bootstrap elements like modals, collapses, tabs, tooltips, and more.

Collapse Variations
Collapse

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.
Collapse Horizontal

This is some placeholder content for a horizontal collapse. It's hidden by default and shown when triggered.
Multiple Targets
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.
Modals Variations
Bootstrap Modals
Modal Position
Multiple Modal
Toggle Between Modals
Open first modal
Fullscreen Modal
Static Backdrop
Varying Modal Content
Notifications Variations
Basic
Placement
Placement
brand-logo SIMPLE 11 mins ago
Hello, world! This is a toast message.
Live Toast
Translucent
Stacking
Custom content
Offcanvas Variations
Offcanvas
Link with href
Offcanvas
Some text as placeholder. In real life you can have the elements you have chosen. Like, text, images, lists, etc.
List
  • Nemo enim ipsam voluptatem quia aspernatur
  • Neque porro quisquam est, qui dolorem
  • Quis autem vel eum iure qui in ea
  • At vero eos et accusamus et iusto odio dignissimos
  • Et harum quidem rerum facilis
  • Temporibus autem quibusdam et aut officiis
Offcanvas Backdrop
Colored with scrolling
Some text as placeholder. In real life you can have the elements you have chosen. Like, text, images, lists, etc.
List
  • Nemo enim ipsam voluptatem quia aspernatur
  • Neque porro quisquam est, qui dolorem
  • Quis autem vel eum iure qui in ea
  • At vero eos et accusamus et iusto odio dignissimos
  • Et harum quidem rerum facilis
  • Temporibus autem quibusdam et aut officiis
Offcanvas with backdrop
Some text as placeholder. In real life you can have the elements you have chosen. Like, text, images, lists, etc.
List
  • Nemo enim ipsam voluptatem quia aspernatur
  • Neque porro quisquam est, qui dolorem
  • Quis autem vel eum iure qui in ea
  • At vero eos et accusamus et iusto odio dignissimos
  • Et harum quidem rerum facilis
  • Temporibus autem quibusdam et aut officiis
Backdroped with scrolling
Some text as placeholder. In real life you can have the elements you have chosen. Like, text, images, lists, etc.
List
  • Nemo enim ipsam voluptatem quia aspernatur
  • Neque porro quisquam est, qui dolorem
  • Quis autem vel eum iure qui in ea
  • At vero eos et accusamus et iusto odio dignissimos
  • Et harum quidem rerum facilis
  • Temporibus autem quibusdam et aut officiis
Offcanvas Placement
Offcanvas Top
Some text as placeholder. In real life you can have the elements you have chosen. Like, text, images, lists, etc.
List
  • Nemo enim ipsam voluptatem quia aspernatur
  • Neque porro quisquam est, qui dolorem
  • Quis autem vel eum iure qui in ea
Offcanvas right
Some text as placeholder. In real life you can have the elements you have chosen. Like, text, images, lists, etc.
List
  • Nemo enim ipsam voluptatem quia aspernatur
  • Neque porro quisquam est, qui dolorem
  • Quis autem vel eum iure qui in ea
Offcanvas bottom
Some text as placeholder. In real life you can have the elements you have chosen. Like, text, images, lists, etc.
List
  • Nemo enim ipsam voluptatem quia aspernatur
  • Neque porro quisquam est, qui dolorem
  • Quis autem vel eum iure qui in ea
Offcanvas Left
Some text as placeholder. In real life you can have the elements you have chosen. Like, text, images, lists, etc.
List
  • Nemo enim ipsam voluptatem quia aspernatur
  • Neque porro quisquam est, qui dolorem
  • Quis autem vel eum iure qui in ea
Dark Offcanvas
Dark Offcanvas
Some text as placeholder. In real life you can have the elements you have chosen. Like, text, images, lists, etc.
List
  • Nemo enim ipsam voluptatem quia aspernatur
  • Neque porro quisquam est, qui dolorem
  • Quis autem vel eum iure qui in ea
Popovers Variations
Simple Popover
Dismiss on Next Click
Hover
Four Directions
Custom Popovers
Disabled Elements
Tabs Variations
Default Tabs

This dashboard provides a quick overview of your recent activity, performance metrics, and system status. You can easily monitor key indicators, recent logins, pending tasks, and overall user engagement.

View your latest interactions and actions taken across the platform. This includes recent file uploads, comments, status updates, and notification history to keep you up to date with ongoing changes.

Customize your account preferences including theme options, notification settings, and privacy controls. Adjust layout configurations to suit your workflow and manage integration with third-party services.

Tabs Justified

Get a high-level summary of recent activity, key performance indicators, and important announcements. Stay informed and make quick decisions based on real-time insights.

Customize your profile, update personal information, and manage security settings like passwords and 2FA. Keep your account secure and up to date with your latest details.

Configure system preferences, theme options, and notification settings. Easily adapt the platform to fit your workflow and preferences.

View and manage all ongoing projects, tasks, and milestones. Collaborate with your team and track progress in real-time.

Need help? Reach out to our support team or browse the help center for common questions, guides, and documentation.

Tabs Vertical Left

Welcome to your dashboard. Get an at-a-glance view of your recent activity, top stats, and personalized suggestions to enhance productivity and stay on track.

  • View total project status
  • Quick links to recent files
  • Weekly performance charts

Your dashboard is tailored to your activity and roles. Stay informed and always one step ahead.

Manage your personal details, change your profile photo, and update your contact information.

  • Name, Email, Phone
  • Change Password
  • Activity logs and preferences

Keeping your profile up to date ensures a better and more secure experience.

Customize your preferences, notification options, and privacy settings.

  • Theme selection: Light / Dark mode
  • Email & push notification toggles
  • Linked accounts and integrations

Settings help personalize your interface and improve your workflow efficiency.

Track all your active, completed, and upcoming projects in one place.

  • Kanban board and Gantt charts
  • Task assignments and deadlines
  • Progress indicators and timelines

Use collaboration tools, upload documents, and manage deliverables directly from here.

Need assistance? Access our help center or contact our support team directly.

  • Browse FAQs and tutorials
  • Submit a support ticket
  • Live chat with support agents

We’re here 24/7 to assist you with anything you need—technical or account-related.

Tabs with Colored Navs

Welcome to your dashboard. Get an at-a-glance view of your recent activity, top stats, and personalized suggestions to enhance productivity and stay on track.

  • View total project status
  • Quick links to recent files
  • Weekly performance charts

Your dashboard is tailored to your activity and roles. Stay informed and always one step ahead.

Manage your personal details, change your profile photo, and update your contact information.

  • Name, Email, Phone
  • Change Password
  • Activity logs and preferences

Keeping your profile up to date ensures a better and more secure experience.

Customize your preferences, notification options, and privacy settings.

  • Theme selection: Light / Dark mode
  • Email & push notification toggles
  • Linked accounts and integrations

Settings help personalize your interface and improve your workflow efficiency.

Track all your active, completed, and upcoming projects in one place.

  • Kanban board and Gantt charts
  • Task assignments and deadlines
  • Progress indicators and timelines

Use collaboration tools, upload documents, and manage deliverables directly from here.

Need assistance? Access our help center or contact our support team directly.

  • Browse FAQs and tutorials
  • Submit a support ticket
  • Live chat with support agents

We’re here 24/7 to assist you with anything you need—technical or account-related.

Tabs Bordered

Welcome to our online platform! Here, we strive to offer the best products and services tailored to your lifestyle. Whether you're redecorating your home or looking for expert advice on the latest trends, we've got you covered.

Hi! I am an avid explorer, constantly seeking new adventures and insights. My passions include technology, literature, travel, fitness, and self-development. I enjoy learning new skills and sharing knowledge with others to foster personal growth.

Nestled in the heart of the city, a charming cafe offers a peaceful retreat from the urban hustle. Its inviting ambiance, with its cozy decor and warm lighting, provides the perfect setting for relaxation or a productive meeting.

Our company is dedicated to offering high-quality services and products designed to enrich your life. With a focus on sustainability and innovation, we aim to create lasting value for our customers. Join us on our journey to make everyday living better!

Bordered Tabs with Colored Border

Welcome to our online platform! Our goal is to offer a wide variety of products and services that meet the needs of modern living. From cutting-edge technology to home decor solutions, we ensure that every product enhances your lifestyle and makes your life easier.

Hi there! I'm an avid explorer with a passion for technology, fitness, and continuous learning. I enjoy meeting like-minded individuals and believe in expanding my knowledge on diverse subjects, from the latest gadgets to personal development.

In the center of the city stands a quiet, charming bookstore that offers a peaceful retreat. Surrounded by vibrant streets, it provides a calm, inviting atmosphere for readers to lose themselves in books while enjoying a cup of coffee in the cozy corner.

We are a forward-thinking company focused on creating innovative solutions that empower our customers. Our team is driven by creativity and a passion for delivering exceptional experiences through high-quality products and services that cater to a variety of needs.

Icons Tabs

Discover our platform designed to make your daily life easier. From modern interiors to smart home gadgets, our curated selection is tailored for comfort, functionality, and style.

Hello! I’m a creative thinker who thrives on innovation and meaningful connections. I enjoy exploring tech trends, reading insightful books, and traveling to experience new cultures and cuisines.

A peaceful workspace can make all the difference. That’s why we offer customizable setups, soundproofing tips, and productivity tools to help you stay focused and inspired every day.

We’re a team of innovators passionate about creating seamless experiences. Our mission is to deliver solutions that merge design, functionality, and purpose in every project we undertake.

Our recent projects range from mobile app development to full-scale branding initiatives. We believe in data-driven strategies paired with creative storytelling to drive results.

Have questions or ideas? We'd love to hear from you! Reach out through our contact form, social media, or drop by our office for a chat over coffee.

Tooltips Variations
Basic

Powerful admin features like custom dashboards and UI components help you build scalable web applications efficiently. This template includes pre-built pages, clean layouts, and reusable code blocks to boost your development workflow. From user management to analytics and settings, everything is modular and developer-friendly. Create modern admin panels with responsive design and seamless UX. Get started quickly with a professional-grade UI toolkit and supercharge your app with powerful components and flexible layouts.

Disabled Elements
Hover Elements
Four Directions
HTML Tags
Color Tooltips
© Simple By Coderthemes
59.5GB of 200GB Free.
Admin Customizer

Easily configure layout, styles, and preferences for your admin interface.

Color Scheme
Light
Dark
Topbar Color
Light
Dark
Sidenav Color
Light
Dark
Sidebar Size
Default
Collapse
Layout Position