Jscula: The Lightweight and Powerful JavaScript Utility Library

About

Jscula is a lightweight, easy-to-use JavaScript library designed to simplify and supercharge your web development projects. Whether you’re building websites for learning, personal, or commercial purposes, Jscula empowers you with versatile tools that save time and effort.

Features

• Lightweight and fast.
• Ready-to-use utility functions for common JavaScript tasks.
• Free to use for all purpose.

Getting Started

Full documentation

Jscula Docs

Installation

Simply include the library in your project by adding the following <script> tag to your HTML file:

<script src="https://cdn.jsdelivr.net/npm/jscula-core/dist/jscula.min.js"></script>

Alternatively, download the compiled version from our releases page.

Usage Example

// Example: Using Jscula to manipulate a DOM element
$('#myElement').addClass('highlight');

Regular JavaScript

document.getElementsByClassName("button")[0].classList.add("active");

Why Choose Jscula Over jQuery?

Seamless DOM Integration

jQuery is object-based, meaning you often have to wait for its $(document).ready() function to ensure your code runs after the DOM is fully loaded. Jscula eliminates this hassle! Jscula is integrated directly with DOM elements, so your JavaScript code fires as soon as the corresponding DOM elements are ready, providing a smooth and frustration-free development experience.

Lightweight and Fast

jQuery has evolved over the years but has grown heavier, containing features you might never use. This added weight can slow down your website, especially in performance-critical applications. Jscula, on the other hand, is built with simplicity in mind. It's lightweight, making it faster to load and execute. Focused on only what you need, no bloatware.

Flexibility: Combining Jscula with Regular JavaScript

jQuery locks you into its syntax. You can’t freely mix jQuery methods with native JavaScript functions. Jscula breaks this barrier. You can combine Jscula methods with native JavaScript seamlessly. This hybrid approach gives you unmatched flexibility.

Example:

// Jscula with regular JavaScript
$('.button').addEventListener('click', (e) => {
    console.log('Button clicked!');
});

$('.container').addClass('active').firstElementChild;

// Regular JavaScript method
$('input').value;

Intuitive and Cleaner Syntax

Jscula adopts a syntax inspired by jQuery but simplifies it further to improve readability and usability. You’ll spend less time writing code and more time building features.

Example of Jscula:

$('main > div*').classList.add('active'); // Add 'active' class to all matched elements

// Jscula method
$('input').val();

A Fresh Approach to Modern Web Development

jQuery was revolutionary in its time, but it was built for an era before modern JavaScript frameworks and tools. Jscula is designed with today’s developer in mind. It integrates effortlessly into modern projects. You won’t need extra functions or polyfills to handle outdated browser quirks.

Documentation

Comprehensive documentation is available at Jscula Docs.

License

This library is proprietary and source-available under specific terms:

• Free for personal, commercial, and educational use.
• Modification, redistribution, or reverse-engineering is prohibited.
• For more details, refer to the license header in the code.

Contributing

Currently, the library is not open to contributions as the source code remains closed to protect intellectual property. Stay tuned for updates in the future.