Design Sets
DEZIGN4FUN

Documentation

Unlimited Elements

There is now a new way to import these elements in your websites (Copy & Paste).
The traditional Design Set method (with a KEY) is still working but won't be updated.
Note that if you already have Hydrogen Pack (affiliate link), you don't need to install the free plugin.

Instructions

Step 1 : Install the plugin Hydrogen Paste (Free)

Step 2 : Log in to your account

Step 3 : Go to the Unlimited Elements pages and under each element, you will see a new icon (only visible if you are logged and if you bought the set, obviously) :

eyJzb3VyY2UiOiJodHRwczovL3d3dy5kZXppZ240ZnVuLmNvbSIsImNvbXBvbmVudCI6W3siaWQiOjIsIm5hbWUiOiJjdF9zZWN0aW9uIiwib3B0aW9ucyI6eyJjdF9pZCI6MiwiY3RfcGFyZW50IjoxMDAwMDcsInNlbGVjdG9yIjoic2VjdGlvbi0yLTIzNzIiLCJvcmlnaW5hbCI6eyJnbG9iYWxDb25kaXRpb25zUmVzdWx0Ijp0cnVlLCJhbGlnbi1pdGVtcyI6ImNlbnRlciIsInRleHQtYWxpZ24iOiJjZW50ZXIiLCJmbGV4LWRpcmVjdGlvbiI6ImNvbHVtbiIsImRpc3BsYXkiOiJmbGV4In0sImFjdGl2ZXNlbGVjdG9yIjpmYWxzZSwibmljZW5hbWUiOiJTVVBBQ1VCRUJPWFJJR0hUIn0sImNoaWxkcmVuIjpbeyJpZCI6MywibmFtZSI6Im94eV9zdXBlcmJveCIsIm9wdGlvbnMiOnsiY3RfaWQiOjMsImN0X3BhcmVudCI6Miwic2VsZWN0b3IiOiJfc3VwZXJib3gtMy0yMzcyIiwib3JpZ2luYWwiOnsic3VwZXJib3hfc2Vjb25kYXJ5X29wYWNpdHlfc3RhcnQiOiIiLCJzdXBlcmJveF9zZWNvbmRhcnlfb3BhY2l0eV9maW5pc2giOiIiLCJnbG9iYWxDb25kaXRpb25zUmVzdWx0Ijp0cnVlLCJ3aWR0aCI6IjYwMCIsImhlaWdodCI6IjMwMCJ9LCJjbGFzc2VzIjpbImN1YmVib3gtcmlnaHQiXSwibWVkaWEiOnsicGhvbmUtbGFuZHNjYXBlIjp7Im9yaWdpbmFsIjp7IndpZHRoIjoiNDAwIn19LCJwaG9uZS1wb3J0cmFpdCI6eyJvcmlnaW5hbCI6eyJ3aWR0aCI6IjI1MCJ9fX19LCJjaGlsZHJlbiI6W3siaWQiOjQsIm5hbWUiOiJjdF9kaXZfYmxvY2siLCJvcHRpb25zIjp7ImN0X2lkIjo0LCJjdF9wYXJlbnQiOjMsInNlbGVjdG9yIjoiZGl2X2Jsb2NrLTQtMjM3MiIsIm9yaWdpbmFsIjp7Imdsb2JhbENvbmRpdGlvbnNSZXN1bHQiOnRydWUsImJhY2tncm91bmQtaW1hZ2UiOiJodHRwczovL3NvdXJjZS51bnNwbGFzaC5jb20vazhPQ0hoRXltTUUiLCJiYWNrZ3JvdW5kLXNpemUiOiJjb3ZlciIsImJhY2tncm91bmQtcG9zaXRpb24tdG9wLXVuaXQiOiIlIiwiYmFja2dyb3VuZC1wb3NpdGlvbi10b3AiOiI1MCIsImJhY2tncm91bmQtcG9zaXRpb24tbGVmdC11bml0IjoiJSIsImJhY2tncm91bmQtcG9zaXRpb24tbGVmdCI6IjUwIn0sIm94eV9idWlsdGluIjoidHJ1ZSIsIm5pY2VuYW1lIjoiUHJpbWFyeSIsImNsYXNzZXMiOlsib3h5LXN1cGVyYm94LXByaW1hcnkiXSwiY3RfY29udGVudCI6IiJ9LCJkZXB0aCI6NX0seyJpZCI6NSwibmFtZSI6ImN0X2Rpdl9ibG9jayIsIm9wdGlvbnMiOnsiY3RfaWQiOjUsImN0X3BhcmVudCI6Mywic2VsZWN0b3IiOiJkaXZfYmxvY2stNS0yMzcyIiwib3JpZ2luYWwiOnsiYWxpZ24taXRlbXMiOiJjZW50ZXIiLCJqdXN0aWZ5LWNvbnRlbnQiOiJjZW50ZXIiLCJ0ZXh0LWFsaWduIjoiY2VudGVyIiwiZ2xvYmFsQ29uZGl0aW9uc1Jlc3VsdCI6dHJ1ZSwiYmFja2dyb3VuZC1jb2xvciI6IiNkOThhOWYiLCJwYWRkaW5nLXRvcCI6IjIwIiwicGFkZGluZy1sZWZ0IjoiMjAiLCJwYWRkaW5nLXJpZ2h0IjoiMjAiLCJwYWRkaW5nLWJvdHRvbSI6IjIwIn0sIm94eV9idWlsdGluIjoidHJ1ZSIsIm5pY2VuYW1lIjoiU2Vjb25kYXJ5IiwiY2xhc3NlcyI6WyJveHktc3VwZXJib3gtc2Vjb25kYXJ5Il19LCJjaGlsZHJlbiI6W3siaWQiOjYsIm5hbWUiOiJjdF9oZWFkbGluZSIsIm9wdGlvbnMiOnsiY3RfaWQiOjYsImN0X3BhcmVudCI6NSwic2VsZWN0b3IiOiJoZWFkbGluZS02LTIzNzIiLCJvcmlnaW5hbCI6eyJmb250LXNpemUiOiIyNSIsImNvbG9yIjoiI2ZmZmZmZiIsInRhZyI6ImgyIiwiZ2xvYmFsQ29uZGl0aW9uc1Jlc3VsdCI6dHJ1ZSwiYm9yZGVyLXRvcC13aWR0aCI6IjEiLCJib3JkZXItcmlnaHQtd2lkdGgiOiIxIiwiYm9yZGVyLWJvdHRvbS13aWR0aCI6IjEiLCJib3JkZXItbGVmdC13aWR0aCI6IjEiLCJib3JkZXItdG9wLXN0eWxlIjoic29saWQiLCJib3JkZXItcmlnaHQtc3R5bGUiOiJzb2xpZCIsImJvcmRlci1ib3R0b20tc3R5bGUiOiJzb2xpZCIsImJvcmRlci1sZWZ0LXN0eWxlIjoic29saWQiLCJib3JkZXItdG9wLWNvbG9yIjoicmdiYSgyNTUsMjU1LDI1NSwwLjUpIiwiYm9yZGVyLXJpZ2h0LWNvbG9yIjoicmdiYSgyNTUsMjU1LDI1NSwwLjUpIiwiYm9yZGVyLWJvdHRvbS1jb2xvciI6InJnYmEoMjU1LDI1NSwyNTUsMC41KSIsImJvcmRlci1sZWZ0LWNvbG9yIjoicmdiYSgyNTUsMjU1LDI1NSwwLjUpIiwicGFkZGluZy10b3AiOiIyMCIsInBhZGRpbmctbGVmdCI6IjIwIiwicGFkZGluZy1yaWdodCI6IjIwIiwicGFkZGluZy1ib3R0b20iOiIyMCJ9LCJjdF9jb250ZW50IjoiU3VwYSBDdWJlYm94IFJpZ2h0In0sImRlcHRoIjoxfV0sImRlcHRoIjo1fV0sImRlcHRoIjo0fSx7ImlkIjo3LCJuYW1lIjoiY3RfY29kZV9ibG9jayIsIm9wdGlvbnMiOnsiY3RfaWQiOjcsImN0X3BhcmVudCI6Miwic2VsZWN0b3IiOiJjb2RlX2Jsb2NrLTctMjM3MiIsIm9yaWdpbmFsIjp7Imdsb2JhbENvbmRpdGlvbnNSZXN1bHQiOnRydWUsImNvZGUtY3NzIjoiOnJvb3Qge1xuICAgIC0tY3ViZXJpZ2h0LXNpemU6IDYwMHB4OyAvKiB3aWR0aCBvZiB0aGUgc3VwZXJib3ggKi9cbiAgICAtLWN1YmVyaWdodC1oYWxmOiBjYWxjKHZhcigtLWN1YmVyaWdodC1zaXplKSAvIDIpO1xuICAgIC0tY3ViZXJpZ2h0LWludjogY2FsYyh2YXIoLS1jdWJlcmlnaHQtaGFsZikgKiAtMSk7XG59XG5cbi5veHktc3VwZXJib3guY3ViZWJveC1yaWdodCB7XG4gICAgcGVyc3BlY3RpdmU6IDcwMHB4O1xufVxuXG4ub3h5LXN1cGVyYm94LmN1YmVib3gtcmlnaHQgLm94eS1zdXBlcmJveC13cmFwIHtcbiAgICB0cmFuc2l0aW9uOiAwLjVzIGVhc2UgdHJhbnNmb3JtO1xuICAgIHRyYW5zZm9ybS1zdHlsZTogcHJlc2VydmUtM2Q7XG4gICAgb3ZlcmZsb3c6IHZpc2libGU7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVaKHZhcigtLWN1YmVyaWdodC1pbnYpKTtcbn1cblxuLm94eS1zdXBlcmJveC5jdWJlYm94LXJpZ2h0IC5veHktc3VwZXJib3gtcHJpbWFyeSB7XG4gICAgdHJhbnNmb3JtOiByb3RhdGVZKDBkZWcpIHRyYW5zbGF0ZVoodmFyKC0tY3ViZXJpZ2h0LWhhbGYpKTtcbn1cblxuLm94eS1zdXBlcmJveC5jdWJlYm94LXJpZ2h0IC5veHktc3VwZXJib3gtc2Vjb25kYXJ5IHtcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZVkoOTBkZWcpIHRyYW5zbGF0ZVoodmFyKC0tY3ViZXJpZ2h0LWhhbGYpKTtcbn1cblxuLm94eS1zdXBlcmJveC5jdWJlYm94LXJpZ2h0OmhvdmVyIC5veHktc3VwZXJib3gtd3JhcCB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVaKHZhcigtLWN1YmVyaWdodC1pbnYpKSByb3RhdGVZKC05MGRlZyk7XG59XG5cbkBtZWRpYSAobWF4LXdpZHRoOiA3NjdweCkge1xuOnJvb3Qge1xuICAgIC0tY3ViZXJpZ2h0LXNpemU6IDQwMHB4OyAvKiB3aWR0aCBvZiB0aGUgc3VwZXJib3ggKi9cbn1cbn1cbkBtZWRpYSAobWF4LXdpZHRoOiA0NzlweCkge1xuOnJvb3Qge1xuICAgIC0tY3ViZXJpZ2h0LXNpemU6IDI1MHB4OyAvKiB3aWR0aCBvZiB0aGUgc3VwZXJib3ggKi9cbn1cbn0iLCJjb2RlLXBocCI6IiIsImZsZXgtZGlyZWN0aW9uIjoidW5zZXQiLCJkaXNwbGF5Ijoibm9uZSJ9LCJjdF9jb250ZW50IjoiIn0sImRlcHRoIjoxfV0sImRlcHRoIjozfV0sImNsYXNzZXMiOnsiY3ViZWJveC1yaWdodCI6eyJrZXkiOiJjdWJlYm94LXJpZ2h0Iiwib3JpZ2luYWwiOnt9fSwib3h5LXN1cGVyYm94LXByaW1hcnkiOnsia2V5Ijoib3h5LXN1cGVyYm94LXByaW1hcnkiLCJvcmlnaW5hbCI6e319LCJveHktc3VwZXJib3gtc2Vjb25kYXJ5Ijp7ImtleSI6Im94eS1zdXBlcmJveC1zZWNvbmRhcnkiLCJvcmlnaW5hbCI6e319fSwiY29sb3JzIjp7fX0=

Step 4 : Click to Copy and paste it (CTRL V) in your page.

copypaste-animation

Custom CSS

Most of the elements have custom CSS (In a Code Block).
As they are mostly about animations (or hover effects), it's always better to copy and paste the CSS in a stylesheet.

codeblock-css