Weskeleton Frontend Freamwork Logo

Weskeleton is a robust and lightweight front-end development library designed to streamline your projects. Utilizing simple SASS files for style separation and customization, Weskeleton integrates powerful libraries like Bootstrap, Swiper, and iZiToast in a unique and tailored manner to enhance your development process.
Version 5.0.0

Components Buttons
Components Tab

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Delectus, dolor ea earum facilis ipsa perspiciatis! Adipisci cupiditate delectus impedit in incidunt minus porro praesentium voluptatem! Asperiores consequatur consequuntur dolorem et, incidunt pariatur praesentium quae quibusdam quisquam voluptatem.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad delectus et nulla odio, repellat reprehenderit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci cupiditate delectus impedit in incidunt minus porro praesentium voluptatem! Asperiores consequatur consequuntur dolorem et, incidunt pariatur praesentium quae quibusdam quisquam voluptatem.

Dolorum earum minima officiis placeat sapiente unde voluptate? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad delectus et nulla odio, repellat reprehenderit. Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Adipisci cupiditate delectus impedit in incidunt minus porro praesentium voluptatem! Asperiores consequatur consequuntur dolorem et, incidunt pariatur praesentium quae quibusdam quisquam voluptatem. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Delectus, dolor ea earum facilis ipsa perspiciatis!

Delectus, dolor ea earum facilis ipsa perspiciatis! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad delectus et nulla odio, repellat reprehenderit. Dolorum earum minima officiis placeat sapiente unde voluptate?

Delectus, dolor ea earum facilis ipsa perspiciatis! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci cupiditate delectus impedit in incidunt minus porro praesentium voluptatem! Asperiores consequatur consequuntur dolorem et, incidunt pariatur praesentium quae quibusdam quisquam voluptatem.

Components Popup
Components Menu
Components Select
Components Accordion
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos labore quod similique soluta! Alias aliquid at dicta earum error, ipsa iusto quasi reiciendis repellat reprehenderit sapiente, tempore ullam, ut voluptates.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos labore quod similique soluta! Alias aliquid at dicta earum error, ipsa iusto quasi reiciendis repellat reprehenderit sapiente, tempore ullam, ut voluptates.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos labore quod similique soluta! Alias aliquid at dicta earum error, ipsa iusto quasi reiciendis repellat reprehenderit sapiente, tempore ullam, ut voluptates.
Components Checkbox
Components Radio Button
Components Switch Button
Components Content

Heading 1

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad delectus et nulla odio, repellat reprehenderit. Dolorum earum minima officiis placeat sapiente unde voluptate? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum earum minima officiis placeat sapiente unde voluptate? Adipisci cupiditate delectus impedit in incidunt minus porro praesentium voluptatem! Asperiores consequatur consequuntur dolorem et, incidunt pariatur praesentium quae quibusdam quisquam voluptatem.

heading 2

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad delectus et nulla odio, repellat reprehenderit. Dolorum earum minima officiis placeat sapiente unde voluptate? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci cupiditate delectus impedit in incidunt minus porro praesentium voluptatem! Asperiores consequatur consequuntur dolorem et, incidunt pariatur praesentium quae quibusdam quisquam voluptatem. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Delectus, dolor ea earum facilis ipsa perspiciatis! Dolorum earum minima officiis placeat sapiente unde voluptate? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad delectus et nulla odio, repellat reprehenderit. Lorem ipsum dolor sit amet, consectetur adipisicing elit.

ID Title
01 Weskeleton Framework

Heading 3

Lorem ipsum sdfdsgdf dolor sit amet, consectetur adipisicing elit. Adipisci excepturi, quis? A culpa deleniti doloremque earum impedit incidunt ipsa magnam magni minima, neque odit omnis quas reprehenderit tempore vero voluptatem! Adipisci cupiditate delectus impedit in incidunt minus porro praesentium voluptatem! Asperiores consequatur consequuntur dolorem et, incidunt pariatur praesentium quae quibusdam quisquam voluptatem. Delectus, dolor ea earum facilis ipsa perspiciatis! Dolorum earum minima officiis placeat sapiente unde voluptate? Delectus, dolor ea earum facilis ipsa perspiciatis! Adipisci cupiditate delectus impedit in incidunt minus porro praesentium voluptatem! Asperiores consequatur consequuntur dolorem et, incidunt pariatur praesentium quae quibusdam quisquam voluptatem. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad delectus et nulla odio, repellat reprehenderit.

Weskeleton Framework
Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Heading 4

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet aperiam commodi explicabo ipsa nam nostrum nulla perferendis rerum saepe voluptates? A aliquam error expedita magnam non quidem quos veniam voluptates. Orman Faghihi Mohaddes
  • Unordered Item
  • Unordered Item
  1. Ordered Item
  2. Ordered Item
Heading 5

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad delectus et nulla odio, repellat reprehenderit. Delectus, dolor ea earum facilis ipsa perspiciatis! Dolorum earum minima officiis placeat sapiente unde voluptate? Delectus, dolor ea earum facilis ipsa perspiciatis! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum earum minima officiis placeat sapiente unde voluptate? Dolorum earum minima officiis placeat sapiente unde voluptate? Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad delectus et nulla odio, repellat reprehenderit. Adipisci cupiditate delectus impedit in incidunt minus porro praesentium voluptatem! Asperiores consequatur consequuntur dolorem et, incidunt pariatur praesentium quae quibusdam quisquam voluptatem. Delectus, dolor ea earum facilis ipsa perspiciatis! Dolorum earum minima officiis placeat sapiente unde voluptate? Adipisci cupiditate delectus impedit in incidunt minus porro praesentium voluptatem! Asperiores consequatur consequuntur dolorem et, incidunt pariatur praesentium quae quibusdam quisquam voluptatem.

Heading 6

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi cupiditate doloribus magnam molestias praesentium suscipit! sdfsdf Amet, consequuntur, dicta dolorem eius inventore laborum neque non optio repellendus sunt tempora temporibus voluptatem?

Lorem ipsum dolor E = MC&2 and we can do it sit amet, consectetur adipisicing elit. Animi, autem, nam. Ab iure pariatur quia? Aliquam corporis eum explicabo facere itaque, iusto obcaecati provident similique unde vel. Maiores, molestiae voluptatibus.

Components Input
Components Loading
<div class="cm_loading">
    <div class="loader"></div>
</div>
Components Share
Libraries Swiper
new Swiper('#slider .swiper', {
    pagination: {
        el: '#slider .swiper-pagination',
        clickable: true,
    },
    navigation: {
        nextEl: '#slider .swiper-button-next',
        prevEl: '#slider .swiper-button-prev',
    },
    scrollbar: {
        el: '#slider .swiper-scrollbar',
        draggable: true,
    },
    autoplay: {
        delay: 300,
        disableOnInteraction: false,
        pauseOnMouseEnter: true,
    },
    breakpoints: {
        576:  {},
        768:  {},
        992:  {},
        1200: {},
        1400: {},
    },
});
<div class="swiper">
    <div class="swiper-wrapper">
        <div class="swiper-slide">Slide</div>
        <div class="swiper-slide">Slide</div>
        <div class="swiper-slide">Slide</div>
    </div>

    <div class="swiper-pagination"></div>

    <div class="swiper-button-prev"></div>
    <div class="swiper-button-next"></div>

    <div class="swiper-scrollbar"></div>
</div>
Libraries iziToast
iziToast.success({title: 'Title', message: 'Message'})
Libraries Axios
axios.post("url", {
    itm1 : 'val1',
    itm2 : 'val2',
})
    .then(function (respond) {
        const data = respond.data
    })
    .catch(function (error) {

    })