Showing 13 open source projects for "codepen"

View related business solutions
  • MongoDB Atlas runs apps anywhere Icon
    MongoDB Atlas runs apps anywhere

    Deploy in 115+ regions with the modern database for every enterprise.

    MongoDB Atlas gives you the freedom to build and run modern applications anywhere—across AWS, Azure, and Google Cloud. With global availability in over 115 regions, Atlas lets you deploy close to your users, meet compliance needs, and scale with confidence across any geography.
    Start Free
  • Simple, Secure Domain Registration Icon
    Simple, Secure Domain Registration

    Get your domain at wholesale price. Cloudflare offers simple, secure registration with no markups, plus free DNS, CDN, and SSL integration.

    Register or renew your domain and pay only what we pay. No markups, hidden fees, or surprise add-ons. Choose from over 400 TLDs (.com, .ai, .dev). Every domain is integrated with Cloudflare's industry-leading DNS, CDN, and free SSL to make your site faster and more secure. Simple, secure, at-cost domain registration.
    Sign up for free
  • 1
    Feather

    Feather

    Simply beautiful open source icons

    Feather is a collection of simply beautiful open source icons. Each icon is designed on a 24x24 grid with an emphasis on simplicity, consistency, and flexibility. At its core, Feather is a collection of SVG files. This means that you can use Feather icons in all the same ways you can use SVGs (e.g. img, background-image, inline, object, embed, iframe). Here's a helpful article detailing the many ways SVGs can be used on the web: SVG on the Web – Implementation Options. All elements that have...
    Downloads: 2 This Week
    Last Update:
    See Project
  • 2
    vue-chartjs

    vue-chartjs

    Vue.js wrapper for Chart.js

    vue-chartjs is a wrapper for Chart.js in vue. You can easily create reusable chart components. You can use vue-chartjs directly in the browser without any build setup. Like in this codepen. For this case, please use the vue-chartjs.min.js which is the minified version. You also need to add the Chart.js CDN script. Chart.js does not update or re-render the chart if new data is passed. However, you can simply implement this on your own or use one of the two mixins which are included. The mixins...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 3
    Fluent UI Web

    Fluent UI Web

    Collection of utilities andcomponents for building web applications

    A collection of UX frameworks for creating beautiful, cross-platform apps that share code, design, and interaction behavior. Build for one platform or for all. Everything you need is here. Build your own apps using the same open source components we do, with accessibility, internationalization, and performance included. From tutorials to a fun collection of API references, find what you need to design and develop your own Fluent experience. From Word and Excel to PowerBI and Teams, many...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 4
    Card with interactive border

    Card with interactive border

    A component with interactive border made using vanilla html/css/js

    Check it out on Codepen https://codepen.io/Northstrix/pen/EaYbRxG
    Downloads: 0 This Week
    Last Update:
    See Project
  • Get the most trusted enterprise browser Icon
    Get the most trusted enterprise browser

    Advanced built-in security helps IT prevent breaches before they happen

    Defend against security incidents with Chrome Enterprise. Create customizable controls, manage extensions and set proactive alerts to keep your data and employees protected without slowing down productivity.
    Download Chrome
  • 5
    Splashed-Push-Notifications

    Splashed-Push-Notifications

    Splashed push notifications created from templates I found on Codepen.

    Simple, splashed push notifications created from templates I found on CodePen. Check them out at https://northstrix.github.io/Splashed-Push-Notifications/ Alternatively, you can play with the notifications on Codepen: https://codepen.io/Northstrix/pen/eYqjbvW https://codepen.io/Northstrix/pen/XWvBoxE GitHub repository: https://github.com/Northstrix/Splashed-Push-Notifications Credit The existence of this project wouldn't've been possible without the following: https...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 6

    WebExKit

    An HTML/CSS/JavaScript editor with preview window

    The Web Experimentation Kit allows you to enter HTML, CSS and JavaScript and see the results immediately in a browser frame side-by-side with the editor. If you've seen the W3Schools Tryit Editor, JSFiddle or CodePen then this should be familiar to you. The difference between WebExKit and these other applications is that WebExKit is a stand-alone application that runs on your desktop and it allows you to save (and reload) files to your own disk drive. The editor shows a properly formed HTML...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 7
    pickadate

    pickadate

    jQuery date and time input picker

    There’s a tonne of options to customize the date and time pickers, such as month/year selectors, time intervals, etc. There’s also a rich API to extend the functionality of the picker. Some examples are displayed on Codepen. When using the “classic” theme, it is important to have a wrapper div with position, relative around the source input to ensure the picker is sized according to the input element it is bound to. Supports all modern browsers – and IE8+. Specifically, v3 has been tested...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 8
    React-Vis

    React-Vis

    Data visualization components

    ... to support the many internal tools at Uber. You can use react-vis directly on codepen (or equivalent). React-Vis charts are made of Series components, LineSeries, BarSeries and so on and so forth. Each of these Series components requires a data property, through which we pass an array of objects. These properties correspond to various visual characteristics of the corresponding marks. For example, x and y, which are required for most series types, affect the position of each mark.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 9
    Web-Maker

    Web-Maker

    A blazing fast & offline frontend playground

    Web-Maker is an offline playground for your web experiments. Something like CodePen or JSFiddle, but much more faster and works offline because it runs completely on your system. Supports Preprocessors: HTML (Pug & Markdown), CSS (SCSS, LESS & Stylus, Atomic CSS) & JavaScript (ES6, TypeScript & CoffeeScript). Hi! I am Kushagra Gour. Web Maker is a free and open-source project. To keep me motivated for working on such open-source and free side projects, I have launched a Patreon campaign. Your...
    Downloads: 0 This Week
    Last Update:
    See Project
  • The All-in-One Commerce Platform for Businesses - Shopify Icon
    The All-in-One Commerce Platform for Businesses - Shopify

    Shopify offers plans for anyone that wants to sell products online and build an ecommerce store, small to mid-sized businesses as well as enterprise

    Shopify is a leading all-in-one commerce platform that enables businesses to start, build, and grow their online and physical stores. It offers tools to create customized websites, manage inventory, process payments, and sell across multiple channels including online, in-person, wholesale, and global markets. The platform includes integrated marketing tools, analytics, and customer engagement features to help merchants reach and retain customers. Shopify supports thousands of third-party apps and offers developer-friendly APIs for custom solutions. With world-class checkout technology, Shopify powers over 150 million high-intent shoppers worldwide. Its reliable, scalable infrastructure ensures fast performance and seamless operations at any business size.
    Learn More
  • 10
    imagesLoaded

    imagesLoaded

    Detect when images have been loaded

    You can use imagesLoaded with vanilla JS, Using a callback function is the same as binding it to the always event. Bind events with vanilla JS with .on(), .off(), and .once() methods. Detect when background images have loaded, in addition to <img>s. Set { background: true } to detect when the element's background image has loaded. Set to a selector string like { background: '.item' } to detect when the background images of child elements have loaded. The always event is triggered after all...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 11
    kodeWeave

    kodeWeave

    HTML/CSS/JS and Markdown Playground For Web Designers and Developers

    kodeWeave is a realtime coding playground for HTML, CSS and Javascript. Similar to JSFiddle and JSBin, but kodeWeave was made to work offline but also as a prototyping application to build applications for desktop operating systems while on mobile devices. (PhoneGap Build is recommended for mobile devices) kodeWeave similar to jsfiddle, jsbin, dabblet, liveweave, codepen, cssdeck, cssdesk, tinkerbin, d3 playground, plunker and pastebin, but allows you to export your web app as a desktop...
    Downloads: 4 This Week
    Last Update:
    See Project
  • 12
    jQuery Hover3d

    jQuery Hover3d

    Simple jQuery plugin for 3d Hover effect

    jQuery Hover3d is a simple hover script for creating 3d hover effect. It was my experiment on exploring CSS3 3d transform back in 2015 on Codepen 3D hover plane effect. The idea is to transform the element into 3d space using CSS3 transform, playing with translateZ for spacing the elements, and detecting mouse movement to change the transform value.
    Downloads: 0 This Week
    Last Update:
    See Project
  • 13
    okayNav

    okayNav

    Responsive navigation solution

    You know how navigations have only a desktop and a mobile state, right? I thought, "this might cost people money because it requires additional click for users to reach even the most important pages." This navigation aims at progressively collapsing navigation links into an off-screen navigation instead of doing it for all the links at the same time. AMD/CommonJS support. Multi-level navigation. Option to prioritize certain nav items. Option to hide or show all nav items instead of doing it...
    Downloads: 0 This Week
    Last Update:
    See Project
  • Previous
  • You're on page 1
  • Next
Want the latest updates on software, tech news, and AI?
Get latest updates about software, tech news, and AI from SourceForge directly in your inbox once a month.