/mdx

Simple sites javascript tables and interactive static site stuff

Primary LanguageHTML

README

List of Interactive Web Libraries

1. Chart.js

  • Purpose: Create interactive and responsive charts and graphs.
  • Website: https://www.chartjs.org
  • Use Cases: Bar charts, line charts, pie charts, and more.

2. DataTables

  • Purpose: Enhance HTML tables with sorting, filtering, and pagination.
  • Website: https://datatables.net
  • Use Cases: Large data tables, searchable content, sortable columns.

3. Bootstrap (Modal Dialogs)

  • Purpose: Build responsive, mobile-first sites with components like modals, forms, buttons, and more.
  • Website: https://getbootstrap.com
  • Use Cases: Responsive designs, modals, navbars, grid layouts.

4. Slick Carousel

5. Leaflet

  • Purpose: Create interactive maps with markers, popups, and overlays.
  • Website: https://leafletjs.com
  • Use Cases: Interactive maps, geographic visualizations, location-based services.

6. Dropzone.js

  • Purpose: Create drag-and-drop file uploads with image previews and error handling.
  • Website: https://www.dropzonejs.com
  • Use Cases: File uploads, drag-and-drop interfaces, image previews.

7. Toastr

  • Purpose: Display non-blocking notifications and alerts in a user-friendly way.
  • Website: https://codeseven.github.io/toastr/
  • Use Cases: Success messages, error alerts, info and warning notifications.

8. Flatpickr

  • Purpose: Provide a lightweight and powerful date picker for forms.
  • Website: https://flatpickr.js.org
  • Use Cases: Date selection, time pickers, scheduling interfaces.

9. Tippy.js

10. Parsley.js

  • Purpose: Add client-side form validation with customizable error messages.
  • Website: https://parsleyjs.org
  • Use Cases: Form validation, real-time error feedback, field dependencies.

11. Moment.js

  • Purpose: Parse, validate, manipulate, and display dates and times in JavaScript.
  • Website: https://momentjs.com
  • Use Cases: Date formatting, time zones, date manipulation.

12. Lodash

  • Purpose: Provide utility functions for common programming tasks using the functional programming paradigm.
  • Website: https://lodash.com
  • Use Cases: Array manipulation, object cloning, deep comparisons.

13. AOS (Animate On Scroll)

14. Swiper.js

  • Purpose: Create modern touch sliders with hardware-accelerated transitions.
  • Website: https://swiperjs.com
  • Use Cases: Touch sliders, mobile-friendly carousels, product showcases.

15. Three.js

  • Purpose: Render 3D graphics in the browser using WebGL.
  • Website: https://threejs.org
  • Use Cases: 3D visualizations, interactive games, animations.

16. Typed.js

17. GSAP (GreenSock Animation Platform)

  • Purpose: Create high-performance animations for the web.
  • Website: https://greensock.com/gsap/
  • Use Cases: Complex animations, scroll animations, SVG animations.

18. FullCalendar

  • Purpose: Create interactive and responsive event calendars.
  • Website: https://fullcalendar.io
  • Use Cases: Scheduling applications, event management, calendar interfaces.

19. Select2

  • Purpose: Enhance HTML select boxes with search, tagging, and multi-select capabilities.
  • Website: https://select2.org
  • Use Cases: Enhanced dropdowns, searchable select boxes, tagging systems.

20. Intro.js

  • Purpose: Create step-by-step user onboarding guides and product tours.
  • Website: https://introjs.com
  • Use Cases: User onboarding, guided tours, feature walkthroughs.