Showing 9 open source projects for "codepen"

View related business solutions
  • $300 Free Credits for Your Google Cloud Projects Icon
    $300 Free Credits for Your Google Cloud Projects

    Start building on Google Cloud with $300 in free credits. No commitment, no credit card required until you're ready to scale.

    Launch your next project with $300 in free Google Cloud credits—no strings attached. Test, build, and deploy without risk. Use your credits across the entire Google Cloud platform to find what works best for your needs. After your credits are used, continue with always-free tier services. Only pay when you're ready to scale. Sign up in minutes and start exploring.
    Start Free Trial
  • Stop Cyber Threats with VM-Series Next-Gen Firewall on Azure Icon
    Stop Cyber Threats with VM-Series Next-Gen Firewall on Azure

    Native application identity and user-based security for your Azure cloud

    Gain integrated visibility across all traffic in a single pass. Deploy Palo Alto Networks VM-Series to determine application identity and content while automating security policy updates via rich APIs.
    Get a free trial
  • 1
    Web-Maker

    Web-Maker

    A blazing fast & offline frontend playground

    ...Capture preview screenshot (in Chrome extension only). Multiple layouts to choose from. Capture preview screenshot (in Chrome extension only). Save as HTML file. Edit in CodePen.
    Downloads: 7 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 automatically create chartData as a prop or data. ...
    Downloads: 0 This Week
    Last Update:
    See Project
  • 3
    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: 0 This Week
    Last Update:
    See Project
  • 4
    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 with Chrome MWA, Firefox MWA, Opera MWA, Safari Mi, Internet Explorer W, Blackberry 6.0+ and Android 3.2+ browsers. ...
    Downloads: 0 This Week
    Last Update:
    See Project
  • Build Securely on AWS with Proven Frameworks Icon
    Build Securely on AWS with Proven Frameworks

    Lay a foundation for success with Tested Reference Architectures developed by Fortinet’s experts. Learn more in this white paper.

    Moving to the cloud brings new challenges. How can you manage a larger attack surface while ensuring great network performance? Turn to Fortinet’s Tested Reference Architectures, blueprints for designing and securing cloud environments built by cybersecurity experts. Learn more and explore use cases in this white paper.
    Download Now
  • 5
    React-Vis

    React-Vis

    Data visualization components

    ...React-vis handles a great number of charts, from area charts to treemaps. React-vis was built 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
  • 6
    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
  • 7
    kodeWeave

    kodeWeave

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

    ...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 and/or chrome application.
    Downloads: 1 This Week
    Last Update:
    See Project
  • 8
    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
  • 9
    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
  • Ship Agents Faster Icon
    Ship Agents Faster

    Transform your applications and workflows into powerful agentic systems at global scale.

    Gemini Enterprise Agent Platform lets you rapidly build, scale, govern and optimize production-ready agents grounded in your organization's data. The platform enables developers to build custom or pre-built agents for virtually any use case. New customers get $300 in free credits.
    Get Started Free
  • Previous
  • You're on page 1
  • Next
Auth0 Logo